如何驗證包含選擇的AngularJS指令？

Question

我創建了由2只選擇了一個指令，加載從2 JSON文件的選項：

http://plnkr.co/edit/7kK66c?p=preview

正如你可以看到它工作正常，但我希望把這個指令到表單，並檢查其有效性。更具體地說，我希望這個指令只在用戶從兩個選擇中選擇一個選項時纔有效（就像兩個選項都被標記爲必需）。我發現有關如何設置指令包含輸入文本的validy教程的領域，但我沒有去檢查選擇...我怎麼能這樣做呢？

Answer 1

看一看templateDir.html在this Plunker的解決方案。

你將需要：

• 添加<form></form>包裝用name="..."屬性。
• 添加ng-model="..."屬性，每個<select></select>標籤。
• 添加ng-required="true"到每個<select></select>標籤。

然後，您可以使用formName.$invalid檢查表單是否處於有效狀態。

ng-model告訴Angular將這些輸入的值綁定到您在模型中指定的變量名稱，並且ng-required告訴Angular這兩個輸入必須完成。我假設<form></form>的目的很明顯。 :)