Question

我有两个列表（列表1和列表2）的复选框，其中有三个项目可在两个列表中找到。我的问题是当我检查列表1项目时列表2项目也检查不知道为什么。我需要阻止这一点。我的要求是当我检查列表1项目然后它不影响清单2项目。请帮助

查看

<div ng-app="checkbox" ng-controller="homeCtrl">
    <div ng-repeat="item in list">
        <input type="checkbox" ng-model="item.checked"  
             ng-click="fnChangeAssetType1(item)" />
        <label>{{item.value}}</label>
    </div>
    <br/><br/>
    New List<br/><br/>
    <div ng-repeat="items in lists">
      <input type="checkbox" ng-model="items.checked"  
             ng-click="fnChangeAssetType(items)"  />
        <label>{{items.value}}</label>
    </div>

</div>

JS

var app = angular.module('checkbox', []);

app.controller('homeCtrl', function($scope) {
       var list = [{
            "id": 1,
            "value": "apple",
        }, {
            "id": 3,
            "value": "orange",
        }, {
            "id": 5,
            "value": "pear"
        }];

     $scope.list=list;
     $scope.lists=list;

    $scope.fnChangeAssetType = function (items) {
        angular.forEach($scope.lists, function (item) {
            item.checked = false;
        });
        items.checked = true;
    };
    $scope.fnChangeAssetType1 = function (items) {
        angular.forEach($scope.list, function (item) {
            item.checked = false;
        });
        items.checked = true;
    };

    });

Answer 1

这是因为您$scope.list＆amp; $scope.lists两者都指向内存中的相同数组，因为数组（list）是引用类型。您需要做的是为$scope.lists创建一个单独的数组，如下所示。

您需要使用angular.copy()

$scope.list=list;
$scope.lists= angular.copy(list); // this will create a deep copy of list array and store it in another memory slot, //refer the angular.copy doc

这是更新后的fiddle

如何检查角度js中的复选框？

1 个答案: