在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>