如何使用角度指令使默認輸入禁用

Question

如何使默認情況下禁用文本輸入字段並使用複選框切換文本輸入字段。我得到的複選框切換啓用和禁用狀態之間的輸入字段，但我不能讓輸入字段被默認禁用，即使我在加載頁面時將複選框設置爲true。

這個方法我試過，但直到我切換複選框和關閉不會禁止輸入字段：

<input type="text" ng-disabled="restaurant.valid_shortname" ng-model="restaurant.shortname" > 
<input type="checkbox" ng-model="restaurant.valid_shortname" ng-checked="true"/> 

我希望做的是有複選框選中頁面加載時作爲reseult從ng-checked的文檔禁用輸入字段

Answer 1

：

請注意，這個指令不應該連同ngModel使用，因爲這可能會導致UNE預期的行爲。

正確的方法可能是將您的控制器中的restaurant.valid_shortname設置爲true。如果您堅持在您的模板中執行此操作，您也可以使用ng-init。這看起來像這樣：

<input ng-init="restaurant.valid_shortname = true" type="text" ng-disabled="restaurant.valid_shortname" ng-model="restaurant.shortname" > 
<input type="checkbox" ng-model="restaurant.valid_shortname"/>