提交有角度的表格

Question

我有以下Angular代码

控制器:

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>

但是当我提交表单时,我没有看到位置值.

知道为什么吗？

Answer 1

因为

1. 您忘了将ng-app添加到body或html元素中
2. 您正在使用角度1.0.8,这是完全过时的,并且不支持controller as.

请注意,您甚至不需要提交,因为您绑定的作业已经存在vm.job.你的create(vm.job)方法调用什么都不做:它分配vm.job给vm.job.