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

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

我在这里做错了什么？

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

angularjs ng-disabled不会向按钮添加禁用

2 个答案: