limitTo：在AngularJS不工作

Question

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不起作用

Answer 1

TLDR：您必须将limitTo过滤器移动到结束：

<div ng-repeat="cat1 in catadata1 | filter: {TopCategoryID : 12} | limitTo:quantity1"> 

的limitTo filter将创建具有所需长度的新数组，那么您的过滤器将被应用，可以这样考虑：

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 

这是正在发生的事情在你的代码，只是另一种过滤器。

Answer 2

可能是因为您引用了相同的数组，并且首先执行了第一个循环。尝试复制数组，然后将其分配给作用域。例如：

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中，你会重现的场景。