AngularJS - 刷新ng-repeat [英] AngularJS - refresh ng-repeat
本文介绍了AngularJS - 刷新ng-repeat的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用ng-repeat来显示一组值。我的过滤器选项根据对服务器的ajax调用而更改。如何在收到过滤器参数后刷新ng-repeat?
I'm using ng-repeat to display a collection of values. My filter options changes according to an ajax call to server. How can I refresh the ng-repeat after the filter parameters have been received?
js fiddle
模板
<div>
<div data-ng-controller="myCtrl">
<ul>
<li data-ng-repeat="item in values | filter:filterIds()">
<code>#{{item.id}}</code> Item
</li>
</ul>
</div>
</div>
<button ng-click="loadNewFilter()"> filter now</button>
Angular
var app = angular.module('m', []);
app.controller('myCtrl', function ($scope) {
$scope.values = [
{id: 1},
{id: 2},
{id: 3},
{id: 4},
{id: 5},
{id: 6}
];
$scope.filter = [1,2,3,4,5,6];
$scope.filterIds = function (ids) {
return function (item) {
var filter = $scope.filter;
return filter.indexOf(item.id) !== -1;
}
}
$scope.loadNewFilter = function (){
$scope.filter = [1,2,3];
}
});
推荐答案
你需要告诉angular值值有变化:
You need to tell angular that the values have changes:
$scope.loadNewFilter = function (){
$scope.filter = [1,2,3];
$scope.$apply();
}
这篇关于AngularJS - 刷新ng-repeat的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文