我有以下指令(sales.jade
):
div(ng-repeat='product in products')
div.col-md-4
button.btn.btn-block.sell-button(id='{{product._id}}' role='button' ng-click='sell()'){{product.name}}
div(ng-repeat='p in supp track by $index | limitTo: 3')
p {{p.name}}
JS:
app.directive('sales', ['productServices', 'flash',
function(productServices, flash) {
var controller = function($scope, $timeout) {
productServices.getProducts()
.success(function(result) {
$scope.products = result.data
$scope.supp = []
})
.error(showErrorMessage(flash))
$scope.sell = function() {
that = this
$scope.supp.push(this.product)
$timeout(function() {
$('#' + that.product._id).blur()
}, 40)
}
}
return {
restrict: 'E',
templateUrl: '/partials/sales',
controller: controller
}
}
])
如您所见,当单击一个按钮(与产品相关联)时,我将该产品添加到
supp
数组中,并通过supp
指令显示ngRepeat
数组的内容。我的问题是,我在limitTo
数组中添加元素的所有时间都未应用supp
过滤器。因此,ngRepeat
显示supp
中的所有项目。即使我向其中添加了一些新项目,如何仅显示supp
数组的最后3个元素? 最佳答案
如果您需要显示最后3个项目,则需要使用负跟踪值。同样,如果您想应用限制,然后在限制过滤器上设置跟踪依据,基本上您想在实际限制(limitTo
)而不是整个列表(``supp`'')上应用跟踪。这就是为什么它显示了列表中的所有元素的原因。即:
<div ng-repeat="p in supp | limitTo: -3 track by $index">
或使用您的模板
div(ng-repeat='p in supp | limitTo: -3 track by $index')
Plnkr