Submit form with angular

Question

I have the following Angular code

controller:

app.controller('MainCtrl', function($scope) {  
  var vm = this;  
  vm.job = null;  
  vm.create = function (job) {      
    vm.job = job;    
  }  
});

HTML:

<div ng-controller="MainCtrl as vm">

  <span data-ng-bind="vm.job.position"></span>

  <form name="form" data-ng-submit="vm.create(vm.job)">

    <label for="position">Position</label>
    <input id="position" name="vm.job.position" type="text" data-ng-model="vm.job.position" />

    <button>Create</button>      

  </form>      

</div>

But when I submit the form I don't see the Position value.

Any idea why?

JB Nizet · Accepted Answer · 2016-08-18 17:50:19Z

6

Because

You forgot to add ng-app to the body or html element
You're using angular 1.0.8, which is completely obsolete, and doesn't support controller as.

Note that you don't even need to submit, since the job you're binding is already vm.job. Your create(vm.job) method call does nothing: it assigns vm.job to vm.job.

answered Aug 18, 2016 at 17:50

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Submit form with angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related