角度のある材質：非フォーム入力時の検証エラー

Question

マテリアルデザインでWebページを表示するために、プロジェクトで角度材ライブラリを使用したいと思います。私はフォームの代わりに、divに直接入力フィールドを持っています。エラー検証を正しく行うにはどうすればよいですか？

ドキュメントに記載されている例は、フォームタグを使用しているため、ng-messagesを表示するためにフォーム名を使用しています。フォームなしで達成する方法は？

Answer 1

ng形式の角度指示（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

それは

を役に立てば幸い