Question

我是棱角分明的新手，对模态有疑问。在我的HTML中，我正在使用像这样的数据模态目标

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

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

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

这样的东西

$（ '＃删除连接'）模态（）;

但是我得到一个引用错误，声明$未定义。

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

由于

Answer 1

因为你没有包括jquery引用。

如果你需要做角度方式尝试使用angular-ui

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

Answer 2

此错误只能由以下原因之一引起：

JavaScript文件未正确加载到您的页面中
你有一个拙劣的jQuery版本。这可能是因为有人编辑了核心文件，或者插件可能覆盖了$ variable。
在页面完全加载之前，您已经运行了JavaScript，因此，在jQuery完全加载之前。

确保所有javascript代码都在代码块中运行，例如：

S = zeros(size(A,1), size(B,1));
for n=1:N
    S = S + A(:,n)*B(:,n)';   % S = S + a_n * b_n'
end

这将确保在初始化jQuery之后加载代码。最后要检查的是确保在加载jQuery之前没有加载任何插件。插件扩展了“$”对象，所以如果你在加载jQuery核心之前加载插件，那么你将得到你描述的错误。

Angular js - 从控制器调用data-modal-target

2 个答案: