angularjs ng-disabled 不会将禁用添加到按钮答案

【问题标题】：angularjs ng-disabled doesn't add disabled to buttonangularjs ng-disabled 不会将禁用添加到按钮
【发布时间】：2021-08-30 22:17:46
【问题描述】：

我有一个输入按钮，如果用户从选择框中选择某个值，我想将其设置为禁用：

选择菜单：

<select id="jobstatus" name="jobstatus"  ng-model="associate.JobStatus" class="form-control">
        <option value="0">Current</option>
        <option value="1">Former</option>
        <option value="2">Never worked there</option>
</select>

输入按钮：

    <input type="submit" class="btn btn-info pull-right 
btn-lg btn-block" ng-disabled="{{associate.JobStatus === '2'}}" />

现在，当我查看源代码时，当我选择选项2 时，输入按钮元素的值从ng-disabled="false" 更改为ng-disabled="true"，但禁用的属性并未应用于按钮。

我在这里做错了什么？

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

使用这个

<input type="submit" class="btn btn-info pull-right btn-lg btn-block" ng-disabled="associate.JobStatus == 2" />

【讨论】：

【解决方案2】：

Angular 文档 ngDisabled

花括号表示将表达式绑定到元素的符号 {{ }} 是内置的 Angular 标记。

用途：

<input type="submit" ng-disabled="associate.JobStatus == 2" />

代替：

<input type="submit" ng-disabled="{{associate.JobStatus == 2}}" />

和ng-show / ng-hide / ng-if一样，可以使用模型表达式本身而不是 {{}}

例如：-

用途：

<div ng-show="someObject.showProperty">

代替：

<div ng-show="{{someObject.showProperty}}">

【讨论】：

【解决方案3】：

你必须这样使用。

<input type="submit" class="btn btn-info pull-right 
btn-lg btn-block" ng-disabled="associate.JobStatus === '2'" />

【讨论】：

请在您的回答中提供更多详细信息。正如目前所写的那样，很难理解您的解决方案。