AngularJS多次提交按钮重复

时间:2016-01-08 11:03:35

标签: javascript jquery html angularjs forms

我正在研究AngularJS

我有这个问题:

screenshoot

在HTML中,我将此代码用于两种表单的show submit按钮。

一个用于TEXT表格,一个用于ENUM表格:

<div ng-controller="githubController3">
                <div ng-repeat="x in names | limitTo:1">
                    <br>
                    <p>
                        <h3>{{ x.name }}</h3></p>
                </div>
            </div>
            <div ng-controller="githubController3">
                <div ng-controller="githubControllerForm1">
                    <div ng-controller="completeTaskAction">
                        <div ng-repeat="x in names">
                            {{ x.name }}*

                            <form ng-submit="submitForm()">

                                <a ng-if="x.id=='name'">
                                    <input type="text" name="nome" ng-model="formData.properties[0].value" placeholder="{{x.name}}"> {{ name }} </input>
                                </a>

                                <a ng-if="x.id=='email'">
                                    <input type="email" name="email" ng-model="formData.properties[1].value" placeholder="{{x.name}}"> {{ email }} </input>
                                </a>

                                <br>

                                <a ng-if="x.type=='long'">
                                    <input type="number" name="numero" ng-model="formData.properties[2].value" placeholder="{{x.name}}"> {{ income }} </input>
                                </a>


                                <br>

                                <button type="submit" class="btn btn-success btn-lg btn-block">
                                    <span class="glyphicon glyphicon-flash"></span> Submit!
                                </button>
                        </div>


                    </div>
                    </form>
                </div>
            </div>

            <!--NEL CASO DI ENUM PRESENTA QUESTO FORM-->

            <div ng-controller="githubController3">
                <div ng-controller="githubControllerForm1">
                    <div ng-controller="completeTaskAction2">
                        <div ng-repeat="x in names">
                            {{ x.name }}*

                            <form ng-submit="submitForm2()">
                                <a ng-if="x.type=='enum'">
                                    <select ng-model="formData2.properties[0].value" ng-options="y.id as y.name for y in x.enumValues "></select>
                                </a>
                                <br>

                                <button type="submit" class="btn btn-success btn-lg btn-block">
                                    <span class="glyphicon glyphicon-flash"></span> Submit Enum!
                                </button>
                        </div>


                    </div>
                    </form>

如何只显示一个提交按钮而不是多次重复?

感谢所有

1 个答案:

答案 0 :(得分:0)

您在ng-repeat内写下提交表单时此行出错。它将重复名称数组中的数据量。

<div ng-repeat="x in names">

删除ng-repeat,然后只显示一个提交按钮