Question

如何在不给出表单名称的情况下对特定输入，div或区域进行角度验证。

<form name = 'form'>
    <input name = 'userId'>
    <tt ng-show="form.userId.$error'>There's something wrong</tt>
</form>

我可以吗

<input name = 'userId'>
<tt ng-show="userId.$error'>There's something wrong</tt>

摆脱形式。我这样做b / c我可能需要一个单独的输入字段，我不想附加表单元素和名称。

Answer 1

如果您不想使用实际的<form/>元素，可以使用ng-form。

<ng-form name="angularForm">
    <input name='userId'/>
    <tt ng-show="angularForm.userId.$error">There's something wrong</tt>
</ng-form>

一些注释：

如果您需要验证ngModel是必需的
您可能希望使用angularForm.userId.$valid（或$invalid），因为$error将始终显示为对象

<强> Working Example on jsFiddle

<ng-form name="angularForm">
    <input name='userId' required="required" ng-model="someText" /> 
    <tt ng-hide="angularForm.userId.$valid">There's something wrong</tt>
    {{angularForm.userId.$error}}
</ng-form>

我如何使用out表单元素进行验证

1 个答案: