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

【问题标题】：Angular Material: Validation error on non form inputAngular Material：非表单输入的验证错误
【发布时间】：2016-07-26 10:30:02
【问题描述】：

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

因为文档中给出的示例使用 form 标签，它使用表单名称来显示 ng-messages。无形如何实现？

【问题讨论】：

标签： angularjs angular-material

【解决方案1】：

您可以使用 ng-form angular 指令 (see docs here) 对任何内容进行分组，即使是在 html 表单之外。然后，您可以利用 Angular 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

希望对你有帮助

【讨论】：