溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家介紹angularjs中怎么判斷ng-repeat是否迭代完，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
首先我們要定義一個數組
$scope.testArrray = [
{id: 1, value: 1},
{id: 2, value: 2},
{id: 3, value: 3},
{id: 4, value: 4},
{id: 5, value: 5},
{id: 6, value: 6},
{id: 7, value: 7},
{id: 8, value: 8}];然后我們repeat這個數組在html頁面中使用ng-repeat指令，并為他們創建控制器。
<body ng-controller="app1Controller">
<content>
<!--為每一個repeat的對象創建一個itemRepeatCtrl控制器-->
<div class="item" ng-controller="itemReaptCtrl" ng-repeat="li in testArrray track by li.id">
{{li.value}}
</div>
</content>
</body>接著就是為他們創建子控制器
.controller('itemReaptCtrl', ['$scope', function ($scope) {
$scope.$watch($scope.$last, function () {
console.log("執行了一次!");
if($scope.$last){ //$scope.$last是來判斷是否是最后一個ng-repeat對象， 如果是則$scope.$last的值為true ,反之則為false
$scope.$emit('ngRepeatFinished'); // 由于是向父控制器中發布廣播，所有用$emit
}
})
}])然后在父控制器中接受廣播
$scope.$on('ngRepeatFinished', function (data) { //接收廣播，一旦repeat結束就會執行
console.log("恭喜你，repeat結束了！");
});看控制器中有打印，證明此方法有效
關于angularjs中怎么判斷ng-repeat是否迭代完就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
