Question

我的ng-repeat复选框有问题。在模态加载时，它们的状态是从$http.get设置的他们加载很好。但是如果在点击true剂量时将它们设置为ng-change似乎会注册它，但再次点击它会看到更改为true。这显示在我的pre和console.log()

中

我会把我能用的代码

PUG

form.form-horizontal(name='sysInfo' ng-controller='sysInfo' ng-repeat='sysName in sysNames')
    label{{sysName.friendyName}}
        input(type='checkbox' ng-change='submit(sysName.selected, options.sysBackend, sysName.id)'  ng-model='sysName.selected' ng-checked='select.indexOf(sysName.id) != -1')

角

app.controller('sysInfo', sysInfo);
    function sysInfo($scope, $rootScope, $http){
    $scope.options = function(foo) {
        var config = {params :{fooName: foo}}
        $('#myModal').modal();
        $http.get('/api/boo', config)
        .then(function(resp) { 
            var selectArray = [];
            $rootScope.select = [];
            $rootScope.options = res.data.data[0];
            $rootScopesysNames = resp.data.sysInfo;
            $rootScope.sysLinks = resp.data.sysNamedLinks;
            angular.forEach(resp.data.sysNamedLinks, function(value1, key1){
                angular.forEach(resp.data.sysInfo, function(value0, key0){
                    if(value1.sysLinkId === value0.id){
                        selectArray.push(value0.id)
                        $rootScope.select = selectArray
                    }
                })
             })
        })
}

res.data.data[0] = {id:1, sysBackend:'fumanchu'} resp.data.sysInfo = [{id: 1, friendlyName:foo},{id: 2, friendlyName:fo},{id: 3, friendlyName:boo},] resp.data.sysNamedLinks = [{sysLinkId:1},{sysLinkId:2},{sysLinkId:3}]

Answer 1

这种情况正在发生，因为git stash apply和ng-model之间存在一些冲突。

参考以下示例，复选框已按ng-checked表达式初始化为checked，但ng-checked值为ng-model。

＆＃13;

false

＆＃13;

在第二个例子中，没有混淆并且效果很好。

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app ng-init="test=false;checked=true;">
  <input type="checkbox" ng-model="test" ng-checked="checked === true">
  {{test}}
</div>

＆＃13;

Answer 2

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app ng-init="test=false;checked=true;">
  <input type="checkbox" ng-model="test" ng-checked="checked === true">
  {{test}}
</div>

角度复选框加载为ng-checked ='true'对ng-change没有看到更改为false

PUG

2 个答案: