微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

有没有办法动态更改ng-click调用方法

像这样的东西:

ng-click = "{{functionCalled}}"

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

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

解决方法

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

原文地址:https://www.jb51.cc/js/157776.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐