[英]limitTo: not working in AngularJS
AngularJS
userData.success(function (userdataobject) {
$scope.catadata = userdataobject;
$scope.quantity = 1;
});
userData.success(function (userdataobject) {
$scope.catadata1 = userdataobject;
$scope.quantity1 = 1;
});
AngularJS 2不同的循環代碼
環1
<div ng-repeat="cat in catadata | limitTo:quantity | filter: {TopCategoryID : 11}">
回路2
<div ng-repeat="cat1 in catadata1 | limitTo:quantity1 | filter: {TopCategoryID : 12}">
limitTo:quantity
正在運行但是limitTo:quantity1
不起作用
TLDR:您必須將limitTo
過濾器移動到結尾:
<div ng-repeat="cat1 in catadata1 | filter: {TopCategoryID : 12} | limitTo:quantity1">
limitTo
過濾器將創建一個具有所需長度的新數組,然后將應用您的過濾器,請考慮以下因素:
var catadata1 = [
{TopCategoryID: 13, ...},
{TopCategoryID: 42, ...},
{TopCategoryID: 12, ...},
...
];
// When we apply the limitTo, this is what's happening:
var limitTo = catadata1.slice(0, 1); // Keep the first item
// And when we apply the filter we only filter on the limitTo array:
var filter = limitTo.filter(matchItem({TopCategoryID : 12}));
另一種觀察方式是:
var a = [0, 1, 2]; // Initial Array
var b = [0] // limitTo: 1
var c = [] // filter: 2
而:
var a = [0, 1, 2]; // Initial Array
var b = [0] // limitTo: 1
var c = [0] // filter: 0
這是您的代碼中發生的事情,只是使用另一個過濾器。
可能是因為您引用了相同的數組並且首先執行了第一個循環。 嘗試在將數組分配給范圍之前復制該數組。 例:
userData.success(function (userdataobject) {
$scope.catadata = angular.copy(userdataobject);
$scope.quantity = 1;
});
userData.success(function (userdataobject) {
$scope.catadata1 = angular.copy(userdataobject);
$scope.quantity1 = 1;
});
如果這不能解決您的問題,請創建一個Plunker,您將在其中重現該場景。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.