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

Question

是否有可能在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>？

Answer 1

您可以使用ng-form角度指令(请参阅此处的文档)对任何内容进行分组,甚至可以在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>

例