指令函数中未传递参数

Question

码

<div scope-isolation reversename="reverseNameFn()"></div>

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.reverseNameFn = function(message){
     console.log(message);  //undefined
     return message;
  }
});

app.directive('scopeIsolation', function() {
  return{
    scope : {
       'reversename' : '&'
    },
    template : '<input type="text" ng-model="value"> {{value}} <button ng-click="reversename({message : value})">click me</button>',
    link : function(scope,elem,attrs){      
         console.log("Inside scope isolation directive");
    }
  }
});

调用reversename（{message：value}）时，消息对象在函数中未定义。

Plnkr： http ：//plnkr.co/edit/c2hch5Kozr9yjRLWN6K9？p = preview

Answer 1

处理& ，您的表达式将被求值。 您传递的表达式是reverseNameFn() 。

如果要动态传递变量，请使用=绑定：

'reversename' : '='

在您的HTML中：

<div scope-isolation reversename="reverseNameFn"></div>