禁用所需的輸入時，角度形式無效

Question

我有這樣的表格輸入

<form name="groupForm" ng-submit="save()" ng-model="selectedItem"  novalidate>
<input 
    required 
    ng-disabled="true" 
    name="searchParameter" 
    type="text" 
    ng-model="criteria.SearchParameter" />

    <a href=""ng-click="save()" ng-class="{groupForm.$invalid}">Save All Changes</a>

當輸入端的值是空值或空白的形式是無效的，指出該特定的輸入被required 。 這是預期的還是我需要做的事情？

Answer 1

您可以使用ng-required ，並在那里設置條件：

<input 
     ng-required ="false"
     ng-disabled="true" 
     name="searchParameter" 
     type="text" 
     ng-model="criteria.SearchParameter" />

檢查這個小提琴 。

Answer 2

您在input標簽中具有required的標簽。 這使其成為必需。 此外，您還有ng-disabled="true" ，這意味着您將永遠無法填寫輸入。

您似乎對殘疾人的行為有誤解。 禁用只是意味着您不能在其中輸入輸入，並不表示它不影響表單。

您實際上是通過兩種方式濫用禁用功能：

1. 禁用和必需一起使用是沒有意義的（因此您會遇到問題）
2. 專門使用ng-disabled="true"也沒有任何意義。 ng-disabled的優點是可以輕松地對其進行編程更改。 現在，您只是對其進行硬編碼。 也可以使用香草disabled

如果希望僅在啟用輸入后才需要輸入，而在禁用輸入時不希望輸入，則可以將兩個屬性綁定到同一模型：

<input 
    ng-required="foo"
    ng-disabled="foo" 
    name="searchParameter" 
    type="text" 
    ng-model="criteria.SearchParameter" />