首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AngularJS多次提交按钮重复

AngularJS多次提交按钮重复
EN

Stack Overflow用户
提问于 2016-01-08 11:03:34
回答 1查看 318关注 0票数 1

我在做AngularJS

我有个问题:

截图

在HTML中,我为两种类型的表单使用了显示提交按钮的代码。

一个用于文本表单,另一个用于ENUM表单:

代码语言:javascript
运行
复制
<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>

我怎么能只显示一个提交按钮,而不是多次重复它?

感谢所有人

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-08 11:07:47

ng-repeat中写入提交表单时出错。它将在名称数组中重复多少数据。

代码语言:javascript
运行
复制
<div ng-repeat="x in names">

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34675499

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档