Question

我写了一些这样的代码：
HTML：

<li class="js-page-item" ng-repeat="page in pageList">{{page}}</li>

js：

$scope.pageList= [1,2,3,4,5,6];  
var items = $('.js-page-item');  
console.log(items.length); // =>0

事实证明，当执行js代码中的第二行时，列表尚未完成。我头脑中的第一件事是使用$ timeout推迟到列表完成之后。但是，我认为这不是一个好主意。

那么，我怎么知道列表何时完成？

Answer 1

你可以使用$last，如果重复的元素在迭代器中是最后一个，它是一个特殊的属性。 示例：

<li class="js-page-item" ng-repeat="page in pageList">{{page}} is last element:{{$last}}</li>

实例：http://jsfiddle.net/choroshin/FnfQ8/

如果您需要在ng-repeat完成时调用事件，则可以按照此stackoverflow answer或this中的示例进行操作。

Answer 2

使用repeatComplete指令：

http://www.bennadel.com/blog/2592-Hooking-Into-The-Complete-Event-Of-An-ngRepeat-Loop-In-AngularJS.htm

我如何知道AngularJs是否已将数据从模型同步到视图？

2 个答案: