提交有角度的表格

Question

我有以下 Angular code

控制器：

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添加到正文或html元素
2. 您使用的是角度1.0.8，它已完全过时，并且不支持controller as。

请注意，您甚至不需要提交，因为您绑定的作业已经vm.job。您的create(vm.job)方法调用不执行任何操作：它会将vm.job分配给vm.job。