我有一个输入按钮,如果用户从选择框中选择了某个值,我想将其设置为禁用:
选择菜单:
<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"",但 disabled 属性并未应用于按钮。
我在这里做错了什么?
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}}">