AngularJS验证没有包围

发布时间：2020-12-17 09:09:58 所属栏目：安全来源：网络整理

导读：在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.maxl

在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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!