Question

我的Angular应用程序中有一个Angular-ui Bootstrap模式：

<div class="modal-header">  
</div>
<div class="modal-body">
    <textarea ng-model="text" id="imageCaption" maxlength="1000" style="display: none;"></textarea>
</div>
<script>
    $(document).ready(function() {
        $("#imageCaption").myFunc();
    });
</script>

我想在打开Bootstrap模式后运行脚本函数。现在，当我点击打开模态时，它会在一段时间后打开，因为它首先运行该函数。我想更快地打开模态。

Answer 1

遵循Angular方式，在opened方法返回的对象上使用open方法打开模式后调用函数，例如<button ng-click="open()">open</button>：

$myModal.opened.then(function(){
  // your function
});

UI Bootstrap的$ modal服务的open方法返回一个模态实例，它具有opened属性，一个在模态对话框完成打开后解析的promise。

Angular-ui bootstrap模态打开得太慢

1 个答案: