如何在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一個返回boolean值的函數，並調用它像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>