Angularjs 如何在angular js中选中复选框? 我有两个复选框列表(列表1和列表2),其中有三项 在两个列表中都可用。我的问题是当我检查清单1中的项目时 然后列表2项也被选中了,不知道为什么。我需要阻止这一切。我的 要求是当我选中列表1项时,它不会影响 列出第2项。请帮忙
查看Angularjs 如何在angular js中选中复选框? 我有两个复选框列表(列表1和列表2),其中有三项 在两个列表中都可用。我的问题是当我检查清单1中的项目时 然后列表2项也被选中了,不知道为什么。我需要阻止这一切。我的 要求是当我选中列表1项时,它不会影响 列出第2项。请帮忙,angularjs,checkbox,angularjs-ng-repeat,Angularjs,Checkbox,Angularjs Ng Repeat,查看 <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}}&
<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>
这是因为您的
$scope.list
&$scope.list
都指向内存中的同一数组,因为数组(list
)是引用类型。您需要做的是为$scope创建一个单独的数组
你需要使用
这是更新后的这是因为您的$scope.list
&$scope.list
都指向内存中的同一数组,因为数组(list
)是引用类型。您需要做的是为$scope创建一个单独的数组
你需要使用
这是更新后的这是因为您的$scope.list
&$scope.list
都指向内存中的同一数组,因为数组(list
)是引用类型。您需要做的是为$scope创建一个单独的数组
你需要使用
这是更新后的这是因为您的$scope.list
&$scope.list
都指向内存中的同一数组,因为数组(list
)是引用类型。您需要做的是为$scope创建一个单独的数组
你需要使用
这是最新的@K.托雷斯:-非常感谢。工作顺利。很高兴在这里帮助您:)@K.托雷斯:-非常感谢。工作顺利。很高兴在这里帮助您:)@K.托雷斯:-非常感谢。工作顺利。很高兴在这里帮助您:)@K.托雷斯:-非常感谢。工作顺利。很高兴在这里帮助您:)
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;
};
});
$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