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

Question

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

谢谢大家。

Answer 1

我查看了角度ui bootstrap的文档，最后我找到了解决方案。

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

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

在模型打开后调用函数。

$modalInstance.opened.then(function(){
  alert('hi');
});

Answer 2

或者，您可以使用：

$modalInstance.rendered.then(function(){
  alert('hi');
});

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