javascript - AngularJS - 在 ng-click 中使用数据绑定(bind) {{}}

Question

有没有办法动态改变ng-click调用的方法？

像这样:

ng-click = "{{functionCalled}}"

然后通过以下方式声明函数:

$scope.functionCalled = "callThisFunction(param)";

Answer 1

来自docs , ngClick 只是计算范围上下文中的表达式。没有什么可以阻止您动态引用函数，但我不确定这是预期的方法。我可能会显式调用函数并根据参数切换行为，而不是像 ng-click='myFunction(myParams)'。尽管如此，这里有一个您要完成的示例。 http://jsfiddle.net/8cvGt/2/

HTML

<div ng-app='foo' ng-controller='ctrl'>
    <div ng-click='this[myVar]()'>{{ bar }}</div>
</div>

JavaScript

var app = angular.module('foo',[]).controller('ctrl',function($scope) {
    $scope.myVar = 'callIt';
    $scope.bar = 'before';
    $scope.callIt = function() {
        $scope.bar = 'after';
    }
});