AngularJS验证没有包围

前端之家收集整理的这篇文章主要介绍了AngularJS验证没有包围前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在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 =“myForm.myInput。$ error.maxlength”替换ng-show有帮助。

是否可以不使用< form>?

您可以使用ng-form angular伪指令( 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

猜你在找的Angularjs相关文章