Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/matlab/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
AngularJS内部表单验证_Angularjs_Validation_Ng Repeat - Fatal编程技术网

AngularJS内部表单验证

AngularJS内部表单验证,angularjs,validation,ng-repeat,Angularjs,Validation,Ng Repeat,我有一个ng重复来迭代表单字段 问题是,如果我的表格无效,我就得不到任何反馈。我看不到跨度,也看不到has errorget应用于div 我一定错过了一些简单的东西,有人能看到它是什么吗 以下是ng重复代码: <div ng-repeat="i in items"> <ng-form novalidate class="user-form" name="userForm"> <div class="form-group has-feedbac

我有一个ng重复来迭代表单字段

问题是,如果我的表格无效,我就得不到任何反馈。我看不到跨度,也看不到
has error
get应用于div

我一定错过了一些简单的东西,有人能看到它是什么吗

以下是ng重复代码:

<div ng-repeat="i in items">
    <ng-form novalidate class="user-form" name="userForm">
        <div class="form-group has-feedback" ng-class="{'has-error':userForm.userInput.$invalid}">
            <label class="control-label">{[{ i.item }]}</label>
            <input-field item="i"></input-field>
            <span ng-show="userForm.userInput.$invalid">TEST</span>
        </div>
    </ng-form>
</div>

{[{i.item}]}
试验
这将生成如下条目:

    <div ng-repeat="i in items">
        <ng-form novalidate="" class="user-form" name="userForm">
            <div class="form-group has-feedback" ng-class="{'has-error':userForm.userInput.$invalid}">
                <label class="control-label">Username</label>
                <input name="userInput" class="form-control" type="text" ng-model="item.answer" placeholder="Username" required>
                <span ng-show="userForm.userInput.$invalid" class="ng-hide">TEST</span>
            </div>
        </ng-form>
    </div>

用户名
试验

是否要创建多个“用户表单”? 如果没有,您可以将其更改为

  <ng-form novalidate class="user-form" name="userForm"> <div ng-repeat="i in items">
    <div class="form-group has-feedback" ng-class="{'has-error':userForm.userInput.$invalid}">
        <label class="control-label">{[{ i.item }]}</label>
        <input-field item="i"></input-field>
        <span ng-show="userForm.userInput.$invalid">TEST</span>
    </div> </div>
</ng-form>

{[{i.item}]}
试验

希望能有帮助

是的,我需要多个
用户表单
——我的理解是角度验证对表单名称有效;因此,我需要有多个表单,“userForm”应该是dynamid名称吗?name=“userForm”应改为name=“{}}”@b85411是的,角度验证通过引用表单名称来工作,但是在您的情况下,您正在为每个控件创建一个表单,这似乎没有什么意义。@Claies我是从