模态加载angularjs ui bootstrap后调用函数

cha*_*ndu 11 angularjs angular-ui-bootstrap

Angularjs UI bootstrap用来在我的项目中渲染模态窗口.但在某些情况下,我想在模态加载后调用一个函数.我曾尝试与$timeout$viewContentLoaded,但没有用.任何人都可以帮我解决这个问题.

谢谢你们.

cha*_*ndu 14

我浏览了角度ui bootstrap的文档,最后我找到了解决方案.

open方法返回一个modal instance具有opened属性的对象:

opened- promise在下载内容模板并解析所有变量后打开模态时解决的问题

在模型打开后调用函数.

$modalInstance.opened.then(function(){
  alert('hi');
});
Run Code Online (Sandbox Code Playgroud)

  • 如果你需要做DOM操作而你正在等待控制器加载*和*渲染,你可能正在寻找`$ modalInstance.rendered.then(...`. (9认同)
  • 上面的方法在模型加载时调用函数 (2认同)

Dan*_*iro 6

或者,您可以使用:

$modalInstance.rendered.then(function(){
  alert('hi');
});
Run Code Online (Sandbox Code Playgroud)

PS:这最初是由@esqew用户指出的.我把它放在这里只是为了更容易找到.