angularjs ng-disabled не добавляет отключенную кнопку

Question

angularjs ng-disabled не добавляет отключенную кнопку

20

У меня есть кнопка ввода, которую я хочу отключить, если пользователь выбирает определенное значение из окна выбора:

Выберите меню:

<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", но отключенный атрибут не применяется к кнопке.

Что я здесь делаю неправильно?

Ray Suelzer 25 окт. 2013, в 23:00

Источник

Теги:

javascript

angularjs

2 ответа

24

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

vineet 22 апр. 2015, в 11:53

Ещё вопросы

gartox · Accepted Answer · 2013-10-25T21-46-00.000Z

Используйте этот

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