<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手机上面有这样的问题。