Как включить поле ввода на основе другого значения входного поля в AngularJs

Question

У меня есть форма AngularJs, где я хочу знать количество отработанных часов. Если сумма 0, я хочу включить дополнительный вопрос по причине неработоспособности.

<label>How many hours did you work?</label> 
<input ng-model="hours" type="number" placeholder="8" /> 

<label ng-class="{'disabled-label': ifHoursZero}">Why didn't you work at all?</label> 
<input ng-disabled="ifHoursZero" ng-model="reason" type="text" /> 

Что такое элегантный Угловой способ переключения CSS и поля ввода с ifHoursZero, если значением hours является 0. Можно ли это сделать непосредственно с переменной hours с некоторым шаблоном?

Answer 1

Сделать ifHoursZero функция, которая возвращает логическое значение и называют его как ng-disabled="ifHoursZero()"

Например:

function ifHoursZero() { 
    return $scope.hours === 0; 
} 

См jsBin

Answer 2

Вы должны быть в состоянии сделать это без того, чтобы добавить функцию к контроллеру:

<label>How many hours did you work?</label> 
<input ng-model="hours" type="number" placeholder="8" /> 

<div ng-show="hours === 0"> 
    <label>Why didn't you work at all?</label> 
    <input ng-model="reason" type="text" /> 
</div>