Angular Material：非表单输入的验证错误

Question

我想在我的项目中使用Angular Material库来显示Material Design中的网页。我直接在div中输入字段，而不是在表单内。如何正确地进行错误验证？

因为文档中给出的示例使用了 form 标记，该标记使用表单名称来显示ng-messages。没有形式如何实现？

Answer 1

您可以使用ng-form角度指令（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

希望有所帮助