2016-11-08 18 views
1

内のすべてのチェックボックスを選択するにはどうすればテスト春ブーツ+チェックボックスをテストするためのAngularJSアプリを作成しました春のブートアプリとして、私はJHipsterで同じことをするときは動作しません。 JHipsterで動作させるにはどうすればよいですか?JHipster

答えて

0

これは私が現在使用したものであり、それは!:

.htmlを

<thead> 
    <tr jh-sort="vm.predicate" ascending="vm.reverse" callback="vm.transition()"> 
     <!--th jh-sort-by="id"><span data-translate="global.field.id">ID</span> <span class="glyphicon glyphicon-sort"></span></th--> 
     <th><input type="checkbox" icheck ng-change="vm.selectAll()" ng-model="vm.checkAll[vm.page]"></th> 
     <th jh-sort-by="id"><span data-translate="global.field.id">ID</span></th> 
     --- 
    </tr> 
</thead> 
<tbody> 
    <tr ng-repeat="school in vm.schools track by school.id"> 
     <td><input type="checkbox" icheck ng-model="vm.checkboxes[school.id]" ng-change="vm.select(school)"/></td> 
     <td>{{($index + 1) + (vm.page - 1) * vm.itemsPerPage}}</td> 
     ... 
    </tr> 
</tbody> 

の.js

vm.checkAll = []; 
var map = {}; 
vm.checkboxes = []; 
vm.selectedItems = []; 

vm.selectAll = selectAll; 
vm.select = select; 

function selectAll() { 
    var value = vm.checkAll[vm.page]; 
    angular.forEach(vm.schools, function(item) { 
     if (angular.isDefined(item.id)) { 
      if(vm.checkboxes[item.id] != value) { 
       vm.checkboxes[item.id] = value; 
       vm.select(item); 
      } 
     } 
    }); 
}; 

function select (item) { 
    var value = vm.checkboxes[item.id]; 

    if(value) { 
     vm.selectedItems.push(item); 
     if(map[vm.page] == null) map[vm.page] = 1; 
     else map[vm.page] = map[vm.page] + 1; 
     if(map[vm.page] == vm.schools.length) { 
      vm.checkAll[vm.page] = true; 
     } 
    } else { 
     vm.selectedItems.splice(item, 1); 
     if(map[vm.page] == null) map[vm.page] = 0; 
     else map[vm.page] = map[vm.page] - 1; 
     if(map[vm.page] < vm.schools.length) { 
      vm.checkAll[vm.page] = false; 
     } 
    } 
}; 
の作品