小编Sha*_*kar的帖子

我正在开发一个 Ionic 应用程序，屏幕上有带有复选框的列表和选择全部的选项。我是 AngularJS 和 Ionic 的新手。

在“全选”和其他列表所在的父元素中使用控制器时，“全选”工作正常。

我想将全选移动到子标题，以便在我们滚动时始终可以看到“全选”。

我试图在两个地方使用相同的控制器，但 Select All 不起作用，我只是读到范围被改变并且值不会被传递。

有没有办法通过更改或任何其他方式来解决这个问题？

数据将从服务中填充。

HTML

 <ion-header-bar class="bar-light bar-subheader">
   <div ng-controller="MainCtrl">
      <ion-checkbox ng-model="selectAll" ng-click="checkAll()" >
          <p>Select All</p>
      </ion-checkbox>
    </div>
</ion-header-bar>
<ion-content class="has-header">
  <div class="list" ng-controller="MainCtrl">    
    <ion-checkbox ng-repeat="item in devList" ng-model="item.checked">
      <div class="row">
        <div class="col">
          <p>{{ item.text }} - 99</p>
          <p>{{ item.text }} - 99</p>
        </div>
         <div class="col right">
          <p>{{ item.text }} - 99</p>
           <p>{{ item.text }} - 99</p>
        </div>
      </div>
    </ion-checkbox>
  </div>
</ion-content>  

JS

.controller('MainCtrl', function($scope) {
  $scope.devList = [ …