javascript - Angular js - 从 Controller 调用 data-modal-target

Question

我是 Angular 的新手，对模态有疑问。在我的 html 中，我像这样使用 data-modal-target

          <li>
            <button data-modal-target='#delete-connection' ng-click="deleteConnection(cloudconnection.id)">Delete Connection</button>
          </li>

我有一个在我的 html 中定义了 id delete-connection 的 div，它包含模态对话框的内容，例如 OK/Cancel。上面的代码工作正常，单击按钮时我会看到一个模式对话框。

但现在我想从我的 Controller 中显示这个模态对话框。单击按钮时，我想在 Controller 中调用一个方法，在那里进行一些处理，然后有条件地显示模态对话框。显示模态对话框的最简单方法是什么？我在其他答案中看到的一种方法是使用模板文件等定义自己的 Controller 。我想知道我是否可以将现有的 div 用于模式对话框并以某种方式从我的 Controller 中启用它。我试过类似的东西 -

$('#delete-connection').modal();

但我收到一个引用错误，指出 $ 未定义。

有人可以建议我在这里应该做什么吗？

谢谢

Answer 1

这是因为您没有包含 jquery 引用。

如果你需要以 Angular 方式尝试使用 angular-ui

https://angular-ui.github.io/bootstrap/#!#modal