AngularJS <input> 验证没有封闭 <form>

在 Angular 中是否可以验证单个孤立的 <input>以类似的方式验证表格？我正在考虑这样的事情:

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

上面的例子不起作用。将其封装在 <form> 中并替换 ng-show与 ng-show="myForm.myInput.$error.maxlength"有帮助。

不使用 <form> 是否可以做到这一点？？

最佳答案

您可以使用 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

关于AngularJS <input> 验证没有封闭 <form>，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22098584/