[AngularJS]AngularJS 多个提交按钮重复

发布时间: 2017/4/19 22:32:09
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我正在进行 AngularJS

我有这个问题︰

screenshoot

在 HTML 中我用两种类型的窗体的显示提交按钮此代码。

一个用于文本的形式,一个枚举窗体︰

<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:

你写提交表单里面这行中的错误 ng-repeat 。它将重复多少名称数组中的数据。

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

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

官方微信
官方QQ群
31647020