添加angular repeat执行完成的回调方法

前端之家收集整理的这篇文章主要介绍了添加angular repeat执行完成的回调方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<table class="text"><tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

图片,有一个晃动的特效,在手机端浏览的时候,图片有时候会正常展示,有时就展示不出来。当时猜测是因为angularjs与特效的那些代码加载的先后顺序造成的。有了这样的猜测,就有查找解决方案的方向了   自定义一个指令,在加载完成angular repeat时,然后再去绑定那些特效。具体如下所示:   var app = angular.module(‘mylibraryapp‘,[‘ngRoute‘,‘pascalprecht.translate‘,‘ngFileUpload‘]);   //指令 app.directive(‘onFinishRenderFilters‘,function ($timeout) {     return {         restrict: ‘A‘,        link: function (scope,element,attr) {             if (scope.$last === true) {                 $timeout(function () {                     scope.$emit(‘ngRepeatFinished‘);                 });             }         }     } }); 在使用ng-repeat的标签上面添加这样的代码  
           ........
在对应的Controller里面,添加angular repeat执行完成的回调方法       //加载完成     $scope.$on(‘ngRepeatFinished‘,function (ngRepeatFinishedEvent) {         new WOW().init();         var h = $(window).height();         $(".modal-dialog").css("margin-top",(h / 2) - 100 + "px");     }); 总结   这个问题折腾了很长时间,在电脑上测试测试不出来,在部分低版本的android手机上面有这样的问题。    

猜你在找的程序笔记相关文章