如何选择JHipster中的所有复选框

我创建了test Spring Boot+AngularJS应用程序来测试复选框：

html:

这对我来说就像是spring Boot应用程序，但当我在JHipster中做同样的事情时，它就不起作用了。

---

我怎样才能让它在JHipster中工作？

这是我目前使用的，它可以工作！：

.html

身份证件
---
{{（$index+1）+（vm.page-1）*vm.itemsPerPage}
...

.js

vm.checkAll=[]；
var-map={}；
vm.checkbox=[]；
vm.selectedItems=[]；
vm.selectAll=selectAll；
vm.select=select；
函数selectAll（）{
var value=vm.checkAll[vm.page]；
angular.forEach（vm.schools，函数（项）{
如果（角度定义（项目id））{
if（vm.checkbox[item.id]！=值）{
vm.checkbox[item.id]=值；
vm.选择（项目）；
}
}
});
};
功能选择（项目）{
var value=vm.checkbox[item.id]；
如果（值）{
vm.selectedItems.push（项目）；
如果（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；
}
}否则{
vm.selectedItems.splice（项目1）；
如果（map[vm.page]==null）map[vm.page]=0；
else map[vm.page]=map[vm.page]-1；
if（映射[vm.page]

这是我目前使用的，它可以工作！：

.html

身份证件
---
{{（$index+1）+（vm.page-1）*vm.itemsPerPage}
...

.js

vm.checkAll=[]；
var-map={}；
vm.checkbox=[]；
vm.selectedItems=[]；
vm.selectAll=selectAll；
vm.select=select；
函数selectAll（）{
var value=vm.checkAll[vm.page]；
angular.forEach（vm.schools，函数（项）{
如果（角度定义（项目id））{
if（vm.checkbox[item.id]！=值）{
vm.checkbox[item.id]=值；
vm.选择（项目）；
}
}
});
};
功能选择（项目）{
var value=vm.checkbox[item.id]；
如果（值）{
vm.selectedItems.push（项目）；
如果（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；
}
}否则{
vm.selectedItems.splice（项目1）；
如果（map[vm.page]==null）map[vm.page]=0；
else map[vm.page]=map[vm.page]-1；
if（映射[vm.page]

... <thead>
                        <tr>
                            <th><input type="checkbox" ng-model="isAllSelected"
                                ng-click="selectAll()"></th>
                            <th>Lp.</th>
                            <th>ID</th>
                            <th>Name</th>
                            <th>Parent Id</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="test in tests">
                            <td><input type="checkbox" ng-model="test.checked"
                                ng-change="optionSelected()" /></td>
                            <td>{{$index+1}}.</td>
                            <td>{{test.id}}</td>
                            <td>{{test.name}}</td>
                            <td>{{test.parentId}}...

(function(angular) {
    var AppTestController = function($scope, Test) {

        var vm = this;

        vm.tests = [];

        vm.loadAll = loadAll;

        loadAll();



        function loadAll() {
            Test.query(function(result) {
                vm.tests = result;
            });
        }



        vm.selectAll = function() {
            var toggleStatus = vm.isAllSelected;
            angular.forEach(vm.tests, function(itm) {
                itm.checked = toggleStatus;
            });

        }

        vm.optionSelected = function() {
            vm.isAllSelected = vm.tests
                    .every(function(itm) {
                        return itm.checked;
                    })
        }


    };

    AppTestController.$inject = [ '$scope', 'Test' ];
    angular.module("myApp.test_controller").controller(
            "AppTestController", AppTestController);
}(angular));

<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>

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;
        }
    }
};