0
私はこの質問に非常に多くの回答を試みましたが、何も機能しません。
バグ：今すぐ追加されたデータ項目の合計がアイテム要件を満たしている場合、そのアイテムはリストから削除されますが、リストは選択ドロップダウンリストまたは子リストで削除されたビューをリフレッシュしません。
私は自分のコードに固有の何かがあると仮定し、私はここに私の機能を再現しました：
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope, filterFilter) {
Array.prototype.sum = function(prop) {
var ptotal = 0
for (var i = 0, _len = this.length; i < _len; i++) {
ptotal += this[i][prop]
}
return ptotal
}
$scope.owners = [{
"id": "1",
"name": "parent 1"
}, {
"id": "2",
"name": "parent 2"
}];
$scope.children = [{
"id": "1",
"total": "2",
"owner": "1",
"name": "child 1"
}, {
"id": "2",
"total": "2",
"owner": "2",
"name": "child 2"
}, {
"id": "3",
"total": "1",
"owner": "2",
"name": "child 3"
}];
var random = Math.floor(Math.random() * $scope.owners.length);
$scope.selectedOwner = $scope.owners[random];
$scope.childrenList = $scope.children.filter(function(x) {
return x.owner == $scope.selectedOwner.id;
});
$scope.remove = function(child) {
}
$scope.ownerChange = function(owner) {
$scope.selectedOwner = owner;
$scope.childrenList = $scope.children.filter(function(x) {
return owner.id == $scope.selectedOwner.id;
});
}
$scope.data = [];
$scope.add = function(child) {
$scope.totalInit = filterFilter($scope.children, {
id: child.id
});
var total = $scope.totalInit.sum("number");
var complete = filterFilter($scope.data, {
id: +child.id
}).length;
var number = +complete + 1;
var input = {
"id": child.id,
"name": child.name,
"number": number
};
if (+number >= +child.total) {
$scope.children = $scope.children.filter(function(x) {
return x.id != child.id;
});
$scope.ownerStatus = filterFilter($scope.data, {
id: child.id
}).length;
if ($scope.ownerStatus === 0) {
$scope.owners = $scope.owners.filter(function(x) {
return x.id != child.owner;
});
}
}
$scope.data.push(input);
};
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>Test</title>
</head>
<body ng-controller="MainCtrl">
<p><b>The bug:</b> Right now when the total data items added meets the item requirement, the item is removed from the list, but the list isn't refreshing the view with the item removed in the select dropdown or child list.</p>
<p>---------------------------------------------------------</p>
<b>Select Owner:</b>
<select ng-options="o.name for o in owners track by o.id" ng-model="selectedOwner" ng-change="ownerChange(selectedOwner)">
</select>
<ul>
<li ng-repeat="c in childrenList">{{c.name}}
<button ng-click="add(c)">Add</button>
</li>
</ul>
<b>Data:</b>
<ul>
<li ng-repeat="d in data">{{d.name}}
<button ng-click="data.splice($index, 1)">Remove</button>
</li>
</ul>
</body>
</html>
問題は何ですか：ここでは、更新されたコードはありますか？ドロップダウンを変更すると、リストが正しく表示されません。 – Pradeepb
変更を加えると（配列から項目を削除すると）、ドロップダウン・オプションとリストはビュー内で更新されません。 – pixeloft