Javascript 选中/取消选中其他复选框时，SelectAll复选框功能不正常_Javascript_Angularjs

Javascript 选中/取消选中其他复选框时，SelectAll复选框功能不正常

javascript angularjs

Javascript 选中/取消选中其他复选框时，SelectAll复选框功能不正常,javascript,angularjs,Javascript,Angularjs,我正在尝试将复选框功能合并到ng网格控件中。我的意图是, a）每当选中复选框时，相应的数据应显示在底部网格中。（实现） b）每当选中SelectAll复选框时，所有相应的数据都应显示在底部网格中。（实现） c）每当取消选中复选框时，相应的数据不应显示在底部网格中。（实现） d）无论何时取消选中SelectAll复选框，都不应在底部网格中显示所有相应的数据。（实现）我无法实现的 <!DOCTYPE html> <html ng-app="myApp">

我正在尝试将复选框功能合并到ng网格控件中。我的意图是,

a）每当选中复选框时，相应的数据应显示在底部网格中。（实现）

b）每当选中SelectAll复选框时，所有相应的数据都应显示在底部网格中。（实现）

c）每当取消选中复选框时，相应的数据不应显示在底部网格中。（实现）

d）无论何时取消选中SelectAll复选框，都不应在底部网格中显示所有相应的数据。（实现）

我无法实现的

<!DOCTYPE html>
<html ng-app="myApp">
    <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <link data-require="ng-grid@2.0.9" data-semver="2.0.9" rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.9/ng-grid.css" />
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery@2.1.1" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script data-require="angular.js@1.2.x" src="https://code.angularjs.org/1.2.25/angular.js" data-semver="1.2.25"></script>
    <script data-require="ng-grid@2.0.9" data-semver="2.0.9" src="http://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.9/ng-grid.js"></script>
    <script src="main.js"></script>
  </head>
    <body ng-controller="MyCtrl">
          <div  class="gridStyle" ng-grid="gridOptions" ></div>
          <div  class="gridStyle" ng-grid="gridOptions1" ></div>
    </body>
</html>

a）如果选中了SelectAll复选框，但未选中任何一个其他复选框，则应取消选中SelectAll（未实现）

b）如果选中了所有其他复选框，则应选中选择所有复选框（未实现）

样本

<!DOCTYPE html>
<html ng-app="myApp">
    <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <link data-require="ng-grid@2.0.9" data-semver="2.0.9" rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.9/ng-grid.css" />
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery@2.1.1" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script data-require="angular.js@1.2.x" src="https://code.angularjs.org/1.2.25/angular.js" data-semver="1.2.25"></script>
    <script data-require="ng-grid@2.0.9" data-semver="2.0.9" src="http://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.9/ng-grid.js"></script>
    <script src="main.js"></script>
  </head>
    <body ng-controller="MyCtrl">
          <div  class="gridStyle" ng-grid="gridOptions" ></div>
          <div  class="gridStyle" ng-grid="gridOptions1" ></div>
    </body>
</html>


安古拉斯普朗克

非常感谢您的main.js文件中似乎有输入错误。对于$scope.columnDefs的“cellTemplate”值，输入标记中提到了以下内容：

ng-change=\"toggleChecker(COL_FIELD)\"

但是，在脚本的后面，定义了以下内容：

$scope.toggleCheck = function(checked)

当我将toggleCheck重命名为toggleChecker时，它似乎同时执行这两个功能。请检查。

很抱歉忘记在这里发布我的plunkr：$scope.toggleChecker=函数（checker）我使用了（checker）而不是（checked）现在它工作了谢谢。。。。。。