加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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函数内可用的属性.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读