bootstrap模式对话框不会以编程方式出现

Question

我有一个包含两个模态对话框的页面。一个是通过数据属性激活的，并且工作正常。另一个是通过$('#myDialog').modal('show')激活的。当我调用此对话框时，我只获得背景，但没有看到对话框。更仔细的检查表明，从屏幕顶部引入的动画似乎没有被触发（它仍然位于屏幕外）。这不是对话本身（我已尝试切换代码以启动＆＃34;工作＆＃34;与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>

Idears？

Answer 1

我想说不要在你的控制器代码中操纵DOM。改为采用Angular方式，在您的情况下使用Angular-UI Bootstrap。它具有$dialog服务，您可以在保持控制器代码可测试的同时使用它。