AngularJS - 在ng-click中使用数据绑定{{}}

Question

AngularJS - 在ng-click中使用数据绑定{{}}

javascriptangularjsdata-bindingsingle-page-applicationangularjs-ng-click

7

有没有一种动态更改ng-click调用方法的方法？

类似这样：

ng-click = "{{functionCalled}}"

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

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

- FootsieNG

2个回答

3

假设您有一组可能的函数列表，请使用一个中央函数将调用分派到其他函数。

ng-click="dispatchFunction(param)"

那么

$scope.functionToCall = 'callThisFunction';

$scope.dispatchFunction = function(param) {
    switch($scope.functionToCall) {
         case (callThisFunction): callThisFunction(param);
    };

编辑：实际上，使用完整的调度表进行操作：

http://designpepper.com/blog/drips/using-dispatch-tables-to-avoid-conditionals-in-javascript

这篇文章介绍如何在JavaScript中使用调度表来避免条件语句。建议采用完整的调度表来实现该功能。

- Casao

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Patrick · Accepted Answer

从文档中可以看出，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';
    }
});