Question

我正在参加在线课程，而且我被困在一项任务中。在我的作业中，我有一个表单和一个表单按钮，当您单击按钮时它会运行代码。但是，当我单击提交按钮时，我的代码根本不运行。这是我的代码的嵌套div，问题在于。我编辑过的东西，并保存了与我的问题有关的所有信息。

编辑：我解决了，我发现了问题。一旦我改变了ng-submit =＆＃34; contoller1.myFunction＆＃34;它就开始工作了。只需ng-submit =＆＃34; myFunction（）＆＃34;。它有点奇怪，但它确实有效。

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

Answer 1

删除表单标记上的ng-submit并更改按钮：

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

您还需要表单上的“操作”属性。如果你想对数据做一些事情（保存，解析等），那么输入上的模型。

Answer 2

您是否错过了元素上的ng-models？ ng-model是在客户端和服务器之间传递的数据。

我感到困难，因为ng-submit没有工作，当我点击它时它不会运行

2 个答案: