twitter-bootstrap - 引导模式对话框未以编程方式出现

Question

我有一个带有两个模式对话框的页面。一个是通过数据属性激活的，并且工作正常。另一个是通过 激活的$('#myDialog').modal('show')。当我调用此对话框时，我只得到背景，但看不到对话框。仔细检查表明，从屏幕顶部将其带入的动画似乎没有被触发（它仍然位于屏幕外）。这不是对话框本身（我尝试切换代码以使用 JS 调出“工作”对话框，但无济于事）。

这是应该启动它的代码（coffeescript）

    $scope.unlinkAccount = (account) ->
      $('#deleteAlert').modal('show')

这是模态html

<div id="deleteAlert" class="modal hide fade">
    <div class="modal-header">
        <h2>Are you sure you want to unlink {{deleteTarget.token}}?</h2>
    </div>
    <div class="modal-footer">
        <button class="btn" >Cancel</button>
        <button class="btn btn-primary" ng-click="linkAccount()">Link</button>
    </div>
</div>

理想者？

Answer 1

我想说不要在控制器代码中操作 DOM。取而代之的是 Angular 方式，在您的情况下将使用Angular-UI Bootstrap。它具有$dialog您可以利用的服务，同时保持您的控制器代码可测试。