角度材質：非表單輸入驗證錯誤

Question

我想在我的項目中使用角度材質庫來顯示材質設計中的網頁。我直接在div中輸入字段，而不是在表格之內。如何正確地進行錯誤驗證？

由於文檔中給出的示例使用表格標籤，該標籤使用表單名稱來顯示ng消息。如何實現無形式？

Answer 1

您可以使用ng-form angular指令（see docs here）對任何內容進行分組，即使在html表單之外。然後，你可以利用角度FormController。

<div class="form-group" ng-form name="myForm"> 
    <input name="myInput" type="text" class="form-control" ng-model="bindTo" ng-maxlength="5"> 
    <span class="error" ng-show="myForm.myInput.$error.maxlength">Too long!</span> 
</div> 

Example Plunker

希望它可以幫助