angularjs – 如何从输入复选框中执行angular.js中的函数?

前端之家收集整理的这篇文章主要介绍了angularjs – 如何从输入复选框中执行angular.js中的函数?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带开关的东西列表.如何让每个开关调用具有该对象的函数和交换机作为参数?

我试图为我的复选框设置“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函数内可用的属性.

猜你在找的Angularjs相关文章