Javascript ng以angularjs的形式重复

我已经用ng repeat指令创建了动态表单。我根据userid值获取表单字段。填写完表单中的每个字段后，应启用“添加用户”按钮。到目前为止，它还没有启用。我在下面附上了我的代码

我的html代码：

<div ng-app="myApp">

<div ng-controller="myCtrl">
    <form role="form" name='userForm' novalidate>
        <div class="container">
            <div class="row" ng-repeat="myid in userid">

                <div class="form-group">
                    <div class="col-md-3">
                        <label>ID</label>
                        <input ng-model="myid" id="myid" name="myid" placeholder="Enter bugid" type="text" required readonly disabled>
                    </div>
                    <div class="col-md-3">
                        <label>Comments</label>
                        <textarea ng-model="manualComment" id="textarea1" rows="1"></textarea>
                    </div>

                    <div class="col-md-3 ">
                        <label>Gender</label>

                        <select ng-model="gender" name="select2">
                            <option value="male">Male</option>
                            <option value="female">Female</option>

                        </select>
                    </div>
                </div>

            </div>
        </div>
        <div class="buttonContainer text-center btn-container">
            <br>
            <button ng-disabled="!(myid  && manualComment && gender)" type="button" id="adduser">Add user</button>
            <button type="button" class="btn button--default btn--small pull-center">Close</button>
        </div>
    </form>
</div>

---

填写完所有字段后，如何启用“添加用户”按钮？

更新：

<div ng-app="myApp">

<div ng-controller="myCtrl">
    <form role="form" name='userForm' novalidate>
        <div class="container">
            <div class="row" ng-repeat="myid in userid">

                <div class="form-group">
                    <div class="col-md-3">
                        <label>ID</label>
                        <input ng-model="myid" id="myid" name="myid" placeholder="Enter bugid" type="text" required readonly disabled>
                    </div>
                    <div class="col-md-3">
                        <label>Comments</label>
                        <textarea ng-model="manualComment" id="textarea1" rows="1"></textarea>
                    </div>

                    <div class="col-md-3 ">
                        <label>Gender</label>

                        <select ng-model="gender" name="select2">
                            <option value="male">Male</option>
                            <option value="female">Female</option>

                        </select>
                    </div>
                </div>

            </div>
        </div>
        <div class="buttonContainer text-center btn-container">
            <br>
            <button ng-disabled="!(myid  && manualComment && gender)" type="button" id="adduser">Add user</button>
            <button type="button" class="btn button--default btn--small pull-center">Close</button>
        </div>
    </form>
</div>

如果要将初始数组从服务器转换为使用数组，请检查此小提琴

如果您想要一个包含所有表单值的对象，请参考下面的fiddle

根据下面的陈述，这是我的解决方案

填写完所有字段后，如何启用“添加用户”按钮

我已经在所有输入字段中添加了

required

属性，表单名称

userForm

是范围中的一个变量。它有它的验证变量，在我的例子中，我使用的是

userForm.$invalid

，除非所有带有

required

属性的字段都被填充，否则它将为true。使用

ng disabled

属性禁用了

adduser

，请查看下面的JSFIDLE以获取演示

身份证件
评论
性别
男性
女性


添加用户
接近

您可能需要禁用

ng

如何获取本例中的每个字段模型值。我需要将此模型值传递给服务器。@user3760261更新了我的答案！根据我的要求，$scope.userid只有userid。因为我不能像你那样重视任何东西。有没有其他办法得到这个模型values@user3760261使用

$scope.userid

生成此对象，这是一个简单的for循环，您在问题中没有提到：（一旦我连接到我的服务器，这个$scope.userid将获得超过100个userid。我如何将这个对象附加到这个$scope.userid。你能发送这个的fiddle示例吗

<div ng-app="myApp">

<div ng-controller="myCtrl">
    <form role="form" name='userForm' novalidate>
        <div class="container">
            <div class="row" ng-repeat="myid in userid">

                <div class="form-group">
                    <div class="col-md-3">
                        <label>ID</label>
                        <input ng-model="myid" id="myid" name="myid" placeholder="Enter bugid" type="text" required readonly disabled>
                    </div>
                    <div class="col-md-3">
                        <label>Comments</label>
                        <textarea ng-model="manualComment" id="textarea1" rows="1" required></textarea>
                    </div>

                    <div class="col-md-3 ">
                        <label>Gender</label>

                        <select ng-model="gender" name="select2" required>
                            <option value="male">Male</option>
                            <option value="female">Female</option>

                        </select>
                    </div>
                </div>

            </div>
        </div>
        <div class="buttonContainer text-center btn-container">
            <br>
            <button ng-disabled="userForm.$invalid" type="button" id="adduser">Add user</button>
            <button type="button" class="btn button--default btn--small pull-center">Close</button>
        </div>
    </form>
</div>
</div>