ng-disabled 不禁用 html 元素 [重复]答案

【问题标题】：ng-disabled not disabiling html element [duplicate]ng-disabled 不禁用 html 元素 [重复]
【发布时间】：2018-10-13 07:53:25
【问题描述】：

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

这里是sn-ps：

$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>

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

【问题讨论】：

【解决方案1】：

请改用ng-class。创建一个类

.disabled {
  cursor: not-allowed;
}

然后，

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

【讨论】：

【解决方案2】：

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

也可以尝试下面的代码，就像我在代码中添加的那样添加跨度

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

【讨论】：