javascript - 传递参数并点击 Angular 指令

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. = 是双向绑定(bind)
2. @ 只是读取值(单向绑定(bind))
3. & 用于绑定(bind)函数