angularjs – 如何从输入复选框中执行angular.js中的函数?
发布时间:2020-12-17 17:17:49 所属栏目:安全 来源:网络整理
导读:我有一个带开关的东西列表.如何让每个开关调用具有该对象的函数和交换机作为参数? 我试图为我的复选框设置“ng-change”指令,但似乎没有调用该函数.如何调用我制作的toggleSync函数? 我是新手,所以如果我需要认真的帮助,我很抱歉. div id="track-list" ng-
我有一个带开关的东西列表.如何让每个开关调用具有该对象的函数和交换机作为参数?
我试图为我的复选框设置“ng-change”指令,但似乎没有调用该函数.如何调用我制作的toggleSync函数? 我是新手,所以如果我需要认真的帮助,我很抱歉. <div id="track-list" ng-controller="Controller" ng-init="update()"> <div class="data-table"> <table class="table table-hover tablesorter"> <tr ng-repeat="item in items"> <td><a href='{[{item.path}]}/{[{item.id}]}'>{[{item.title}]}</a></td> <td>{[{item.time_created}]}</td> <td> <div class=checkbox> <input ng-model="value" id="check{[{$index}]}" type="checkbox" ng-checked="!item.deleted" ng-change="toggleSync(item.id,this)" ng-true-value="YES" ng-false-value="NO"/> <label for="check{[{$index}]}">{{value}}</label> </div> </td> </tr> </table> function Controller($scope) { console.log("init"); $scope.items = []; $scope.toggleSync = function(objectId,input) { console.log("toggle sync"); } } 解决方法
这是一个包含您的代码和一些更正的plunker(即:您使用了标签分隔符{[{item.title}]}而不是{{item.title}})
链接:http://plnkr.co/edit/f9ngMMe8XJT4QDlA0Nx0?p=preview. 在此演示中,有一个表格,其中行显示item.path / item.id作为链接,后跟item.title和一个复选框,根据其状态将值设置为YES / NO.当复选框状态发生更改时,将调用toggleSync函数,并将该项作为参数.输入复选框具有item.value作为模型,该属性是toggleSync函数内可用的属性. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |