如何基於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" />

如果hours值為0用ifHoursZero切換CSS和輸入字段的優雅Angular方法是什么？ 可以使用帶有某些模式的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>