我需要在ng-view完成加载后呈现的特定模板后运行一些javascript。
如果这是第一个加载它的页面:
$(window).load(function(){});
代码正在模板的控制器中执行,因此它位于主html文件之外。我也尝试将它嵌套在link下的一个指令中:这样它才会在加载指令之后才会运行,但这似乎也不起作用。
以下是我需要运行的代码段:
$(window).load(function(){
$('#carousel').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
itemWidth: 210,
itemMargin: 5,
asNavFor: '#slider'
});
$('#slider').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
sync: "#carousel",
start: function(slider){
$('body').removeClass('loading');
}
});
});
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide"
});
});
答案 0 :(得分:0)
您可以使用以下方法执行此操作:
$scope.$on("$viewContentLoaded",function() {
// some code to run after ng-view loaded completlly ...
});