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

Question

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

选择菜单：

<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'}}" />

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

我在这里做错了什么？

Answer 1

用这个

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

Answer 2

Angular Doc 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}}">

Answer 3

你必须像这样使用。

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