在某些条件下阻止div单击打开模态

Question

有一种方法可以在一定条件下防止开模态吗？

我必须使用div并点击它才能打开模态：

<div ng-class="{'prevent-modal': condition}" data-toggle="modal" data-target="#modalId">SomeText</div>

当condition为true时，我想阻止模式打开

我知道使用button我可以使用ng-disabled来避免点击，但它显然不适用于div

Answer 1

如果没有你自己的plnkr，很难确定100％，但是试试这个：

<div data-toggle="{{openModal()}}" data-target="#modalId">SomeText</div>

<强> controller.js

//...
function openModal() {
  if(<your_condition>) {
    return "modal";
  }
}
//...