這篇文章給大家介紹angularjs中怎么判斷ng-repeat是否迭代完,內(nèi)容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
新蔡網(wǎng)站建設公司創(chuàng)新互聯(lián)公司,新蔡網(wǎng)站設計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為新蔡上千提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢,請找那個售后服務好的新蔡做網(wǎng)站的公司定做!首先我們要定義一個數(shù)組
$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這個數(shù)組在html頁面中使用ng-repeat指令,并為他們創(chuàng)建控制器。
{{li.value}}
接著就是為他們創(chuàng)建子控制器
.controller('itemReaptCtrl', ['$scope', function ($scope) { $scope.$watch($scope.$last, function () { console.log("執(zhí)行了一次!"); if($scope.$last){ //$scope.$last是來判斷是否是最后一個ng-repeat對象, 如果是則$scope.$last的值為true ,反之則為false $scope.$emit('ngRepeatFinished'); // 由于是向父控制器中發(fā)布廣播,所有用$emit } }) }])
然后在父控制器中接受廣播
$scope.$on('ngRepeatFinished', function (data) { //接收廣播,一旦repeat結(jié)束就會執(zhí)行 console.log("恭喜你,repeat結(jié)束了!"); });
看控制器中有打印,證明此方法有效
關(guān)于angularjs中怎么判斷ng-repeat是否迭代完就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。