ng-disabled不禁用html元素

Question

我不明白为什么ng-disabled无法通过作用域值工作。我什至将值打印到html视图中，以确保来自范围的内容与预期的完全相同。

以下是摘要：

$scope.disableBtn = "invalid";
alert($scope.disableBtn); //alerts invalid

html视图：

<a ng-disabled="disableBtn === 'invalid'" >
    <i  ng-click="goBack()" class="left chevron icon"></i>
    Back
</a>

这也会打印无效

<p> print test value {{disableBtn}} </p>

请问可能有什么问题吗？因为这对我来说很奇怪

Answer 1

ng-disabled =“ variable1 == true”  将变量值设置为true或false，然后尝试。

也尝试下面的代码，在其中添加跨度，就像我在代码中添加

<span ng-disabled="disableBtn === 'invalid'">
    <a>
    <i  ng-click="goBack()" class="left chevron icon"></i>
    Back
    </a>
</span>

Answer 2

改为使用ng-class。创建一个课程

.disabled {
  cursor: not-allowed;
}

然后

<a ng-class="{{'disabled' : disableBtn === 'invalid'}}">
    <i  ng-click="goBack()" class="left chevron icon" ></i>
    Back
</a>