Javascript 我可以使用angular js ng repeat and turn.js吗?
我正在尝试使用turn.js和angular.js制作一本杂志 我使用angular解析json文件并提取图像路径,以便在视图中的$scope变量中使用它,使用ng repeat和turn.js制作动画动画,使div看起来像一本杂志 但是它并没有生成动画书,只是一个接一个地画图像 请帮忙!我把代码放在这里了 HTMLJavascript 我可以使用angular js ng repeat and turn.js吗?,javascript,jquery,html,angularjs,turnjs,Javascript,Jquery,Html,Angularjs,Turnjs,我正在尝试使用turn.js和angular.js制作一本杂志 我使用angular解析json文件并提取图像路径,以便在视图中的$scope变量中使用它,使用ng repeat和turn.js制作动画动画,使div看起来像一本杂志 但是它并没有生成动画书,只是一个接一个地画图像 请帮忙!我把代码放在这里了 HTML 我不相信有一个renderComplete事件或类似的事件在angular;您可能必须按照建议使用$timeout 我通过在flipbok的内部div中添加ngrepeat来解决
我不相信有一个
renderComplete
事件或类似的事件在angular;您可能必须按照建议使用$timeout
我通过在flipbok的内部div中添加ngrepeat来解决这个问题!这是一件多么愚蠢的事情,但现在我有了我的动画书 您在HTML中使用了
类
,并在javascriptI中以id
为目标。我删除了该类,但仍然不起作用。是否存在任何控制台错误?您能给我们提供动画书构造器吗?控制台错误是什么?如果加载了“动画书”,则加载DOM后应该没有问题。不,没有控制台错误,它只是显示图像,就像我根本没有turn.js一样。事实上,我没有动画书构造函数的script.js文件,我将所有内容都放在html文件中,即使有$timeout
动画书也不起作用,图像一幅接一幅地画着
<div id="flipbook" class="flipbook"ng-repeat="slide in slides">
<div><img src="{{slide.path_main}}"></div>
</div>
</div>
$("#flipbook").turn({
width: 1724,
height: 772,
autoCenter: true
});
// i'm taking assumptions with your code, but...
$scope.slides = [];
$http.get('/data/slides.json').success(function(data){
$scope.slides = data;
$timeout(function(){
$("#flipbook").turn({
width: 1724,
height: 772,
autoCenter: true
});
}, 0);
});