传递参数并按ng键单击角度指令

Question

我想将一些数据从HTML传递给指令，也可以通过ng-click点击此指令。 问题是我如何将链接功能的参数传递给模板？

＆＃13;

＆＃13;

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");
      }
    }
  };
});

＆＃13;

＆＃13;

＆＃13;

这是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