Пропустить параметр и ng-щелкнуть по угловой директиве

Question

Я хочу передать некоторые данные из HTML в директиву, также эту директиву следует кликать по ng-click. Вопрос в том, как я могу передать параметр функции ссылки в шаблон?

app.directive("hello", function(){ 
 
    return { 
 
    restrict: "E", 
 
    template : '<button ng-click="updateModel()">'+attrs.name+'</button>', 
 
    scope : {}, 
 
    link : function(scope, element, attrs, ctrl){ 
 
     scope.updateModel = function(){ 
 
     console.log("yay"); 
 
     } 
 
    } 
 
    }; 
 
});

Вот HTML директива: <hello name="john"></hello>

Answer 1

Попробуйте этот метод

JS

app.directive("hello", function(){ 
     return { 
     restrict: "E", 
     template : '<button ng-click="updateModel()" >{{name}}</button>', 
     scope : { 
      name :"@", 
      user :"=" 
     }, 
     link : function(scope, element, attrs, ctrl){ 
      scope.updateModel = function(){ 
      console.log(scope.name, scope.user); 
      } 
     } 
     }; 
    }); 

HTML

<hello name="jimbrooism" user="user"></hello> 

1. = двухсторонняя связывание
2. @ просто считывает значение (одностороннее связывание)
3. & используется для связывания функций

Answer 2

взгляд:

app.directive("hello", function(){ 
    return { 
    restrict: "E", 
    template : '<button ng-click="updateModel()">{{name}}</button>', 
    scope : { 
     name: "@" 
    }, 
    link : function(scope, element, attrs, ctrl){ 
     scope.updateModel = function(){ 
     console.log("yay"); 
     } 
    } 
    }; 
}); 

Plunker: http://plnkr.co/edit/da8eHrxaxZsZm731b0Uk