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

Question

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

谢谢大家。

Answer 1

我浏览了 angular ui bootstrap 的文档，终于找到了解决方案。

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

opened - 一个promise，在下载内容模板并解析所有变量后打开模式时解析

模型打开后调用函数。

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

Answer 2

或者，您可以使用：

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

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