首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >limitTo:不在AngularJS工作

limitTo:不在AngularJS工作
EN

Stack Overflow用户
提问于 2015-09-19 06:34:53
回答 2查看 2.9K关注 0票数 4

AngularJS

代码语言:javascript
运行
复制
userData.success(function (userdataobject) {
                  $scope.catadata = userdataobject;
                $scope.quantity = 1;
            });
            userData.success(function (userdataobject) {
                  $scope.catadata1 = userdataobject;
                $scope.quantity1 = 1;
            });

AngularJS 2不同的循环代码

环-1

代码语言:javascript
运行
复制
 <div ng-repeat="cat in catadata | limitTo:quantity | filter: {TopCategoryID : 11}">

环-2

代码语言:javascript
运行
复制
<div ng-repeat="cat1 in catadata1 | limitTo:quantity1 | filter: {TopCategoryID : 12}">

limitTo:quantity正在工作,但limitTo:quantity1没有工作

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-09-19 07:10:26

TLDR:您必须将limitTo过滤器移到末尾:

代码语言:javascript
运行
复制
<div ng-repeat="cat1 in catadata1 | filter: {TopCategoryID : 12} | limitTo:quantity1">

filter将创建一个具有所需长度的新数组,然后应用您的筛选器,请考虑以下内容:

代码语言:javascript
运行
复制
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}));

另一种看法是:

代码语言:javascript
运行
复制
var a = [0, 1, 2]; // Initial Array
var b = [0] // limitTo: 1
var c = [] // filter: 2

同时:

代码语言:javascript
运行
复制
var a = [0, 1, 2]; // Initial Array
var b = [0] // limitTo: 1
var c = [0] // filter: 0

这就是在您的代码中正在发生的事情,只需要使用另一个过滤器。

票数 5
EN

Stack Overflow用户

发布于 2015-09-19 06:43:48

可能是因为您引用了相同的数组,并且首先执行第一个循环。在将数组分配给作用域之前,尝试复制该数组。示例:

代码语言:javascript
运行
复制
userData.success(function (userdataobject) {
    $scope.catadata = angular.copy(userdataobject);
    $scope.quantity = 1;
});
userData.success(function (userdataobject) {
    $scope.catadata1 = angular.copy(userdataobject);
    $scope.quantity1 = 1;
});

如果这不能解决您的问题,请创建一个柱塞,您将在其中再现场景。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32665080

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档