I am stuck thanks to ng-submit not working, it won't run when I click on it

Question

I am taking an online course, and I am stuck on an assignment. In my assignment, I have a form and a form button that runs code when you click on a button. However, my code does not run at all when I click on the submit button. Here is the nested div of my code where the problem is. I've edited stuff out, and kept all the information pertaining to my problem.

EDIT: I solved it, I found the problem. It started working once I changed ng-submit="contoller1.myFunction" to just ng-submit="myFunction()". It's kinda weird, but it works.

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

This should work fine. That is exactly how `ng-submit` works. You don't need to add an `ng-click` to your submit button like one of the answers stated below. My guess is `controller1.myFunction()` is not being called for whatever reason. Hard to say without seeing all the code. If you do `ng-submit="true"` does the form submit? — Ronnie, May 12 '17 at 20:34

rrd · Answer 1 · 2017-05-12T20:05:46.333

0

Remove the ng-submit on the form tag and change your button:

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

You'll also be needing the 'action' attribute on your form. And models on the inputs if you want to do something with the data (save, parse etc).

edited May 12 '17 at 20:05

answered May 12 '17 at 19:58

rrd

5,789
3
28
36

May I know why?? above code should work.. but he has to take care of inputs`s `ng-model` – Pankaj Parkar May 12 '17 at 20:00
I already have the ng-models in my code, I just removed them from my question because they're apart of an online assignment I am doing – MountainSlayer May 12 '17 at 20:03
Edited the answer, add 'action' to the form tag. – rrd May 12 '17 at 20:17

score 0 · Answer 2 · answered May 12 '17 at 19:58

0

Aren't you missing ng-models on your elements? ng-model is the data that gets passed between the client and the server.

answered May 12 '17 at 19:58

Schw2iizer

845
9
21

I already have those, I removed them when I submitted the question because they're apart of an assignment for an online course I am doing. – MountainSlayer May 12 '17 at 20:00

I am stuck thanks to ng-submit not working, it won't run when I click on it

2 Answers2