• watch监听 chechbox 全选


    // 监控全选checkbox的状态
    $scope.$watch('AllCheck', function (newValue, oldValue) {

    // 第一次不执行
    if (newValue === oldValue) { return; }

    var dd = $scope.FamousRes;
    for (var value in dd) {
    dd[value].Checked = $scope.AllCheck;
    }
    });

    <div class="section mt20 padding20">
    <div class="text-right"><a href="javascript:void(0)" class="btn-u btn-u-yellow" ng-click="saveRes()">加入我的听课列表</a></div>
    <table class="table table-bordered">
    <thead>
    <tr>
    <th><input type="checkbox" ng-model="AllCheck"></th>
    <th>标题</th>
    <th>主讲人</th>
    <th>来源</th>
    <th>学科</th>
    <th>年级</th>
    <th>操作</th>
    </tr>
    </thead>

    <tr ng-show="!FamousRes||FamousRes.length==0">
    <td colspan="7"><b>暂无数据</b></td>
    </tr>
    <tr ng-repeat="item in FamousRes">
    <td>
    <input type="checkbox" ng-model="item.Checked" ng-hide="item.State"><img src="/Areas/LA/Content/images/hui.png" ng-show="item.State" />
    </td>
    <td title="{{item.CourseName}}" ng-bind="item.CourseName.substring(0,10)"></td>
    <td title="{{item.TeacherName}}" ng-bind="item.TeacherName ?item.TeacherName.substring(0,4):'未知'"></td>
    <td title="{{item.OrgName}}" ng- ng-bind="item.OrgName ? item.OrgName:'未知'"></td>
    <td ng-bind="item.SubjectName" title="{{item.SubjectName}}"></td>
    <td ng-bind="item.GradeName" title="{{item.GradeName}}"></td>
    <td><a ng-if="item.State" class="btn btn-default btn-sm w100">已添加</a><a ng-if="!item.State" class="btn btn-success btn-sm w100">未添加</a></td>
    </tr>

    </table>

    watch:还有一个参数,true,只要参数发生变化就执行

  • 相关阅读:
    html使用网络图片防盗问题解决
    【HC89S003F4开发板】 8c转义成汇编工程
    【HC89S003F4开发板】 7ASM&C混合编程
    【HC89S003F4开发板】 2调度器
    jquery 基础
    React 中import时如何正确使用花括号'{ }',以及default,export的用法注意事项
    React的小知识点
    TCP建立连接三步握手
    pdo操作基础
    php -- 取路径:getcwd()、__DIR__、__FILE__ 的区别【转】
  • 原文地址:https://www.cnblogs.com/zhtbk/p/4882296.html
Copyright © 2020-2023  润新知