即使在angularjs中禁用了按钮，模态弹出窗口也会打开

Question

我有一个Bootstrap模式弹出窗体，按照AngularJS中的按钮点击打开，我想知道即使按钮是$ ./trans 0 1 2 3 4 5 6 7 8 9 10 11 0 4 8 1 5 9 2 6 10 3 7 11 $ 它仍然显示。

请看下面的按钮代码：

disabled

我有以下模型弹出代码：

<a class="btn btn-sm btn-info" data-toggle="modal" href="#modal-form-submit" data-backdrop="static" data-keyboard="false" ng-disabled="!ItemName || ItemDescription">
   Submit
</a>

我不想使用jquery js，我真的想用角度js来解决这个问题。

Answer 1

只需将禁用添加到您的锚标记类

<a class="btn btn-sm btn-info disabled" data-toggle="modal" href="#modal-form-submit" data-backdrop="static" data-keyboard="false" ng-disabled="ItemName || ItemDescription">

Answer 2

disabled属性不适用于anchor代码。它们是为button，fieldset等标记构建的。

考虑添加此CSS来解决此问题：

a[disabled] {
    pointer-events: none;
}

Answer 3

我做到了这一点并且完美无缺。

<a class="btn btn-sm btn-info" ng-class="{'disabled':(!ItemName || !ItemDescription)}" data-toggle="modal" href="#modal-form-submit" data-backdrop="static" data-keyboard="false">

Answer 4

试试这个

ng-disabled="(!ItemName) || (ItemDescription) "

如果可能，请告诉我们什么是ItemName和ItemDescription。

请记住，在angularjs中，如果要禁用任何字段，则必须执行此操作

ng-disabled = 'true' ;