0

我正在参加在线课程,但我被困在作业中。在我的作业中,我有一个表单和一个表单按钮,当您单击一个按钮时会运行代码。但是,当我单击提交按钮时,我的代码根本没有运行。这是我的代码的嵌套 div 问题所在。我已经编辑了一些东西,并保留了与我的问题有关的所有信息。

编辑:我解决了,我发现了问题。一旦我将 ng-submit="contoller1.myFunction" 更改为 ng-submit="myFunction()",它就开始工作了。这有点奇怪,但它确实有效。

<div ng-controller="Controller as controller1">

        <div class="row row-content">

            <form class="form-horizontal" role="form" novalidate name="myForm"  ng-submit="controller1.myFunction()">

                <div class="form-group">

                    <label class="control-label col-sm-2" for="name">Your Name</label>

                    <div>

                        <input type="text" id="name" name="name"  class="form-control" placeholder="Enter Your Name" required>


                    </div>

                </div>

                <div class="form-group">


                    <label for="commentField" class="col-sm-2 control-label">Your Comments</label>


                    <div>

                        <textarea class="form-control" id="commentField"  name="feedback" rows="12" required></textarea>

                    </div>

                </div>




                        <div class="form-group">

                            <div>

                            <button type="submit" class="btn btn-primary">Submit Comment</button>


                        </div>



                </div>




            </form>

        </div>
     </div>
4

2 回答 2

0

删除表单标签上的 ng-submit 并更改您的按钮:

<button type="submit" class="btn btn-primary" ng-click="vm.submit()">Submit Comment</button>

您还需要表单上的“操作”属性。如果您想对数据做一些事情(保存、解析等),则对输入进行建模。

于 2017-05-12T19:58:00.423 回答
0

你不是在你的元素上缺少 ng-models 吗?ng-model 是在客户端和服务器之间传递的数据。

于 2017-05-12T19:58:00.957 回答