角1.3数据绑定不工作

我遇到一些问题1.3.2角角1.3数据绑定不工作

我期待看到FORMDATA对象被填充无论是在输入字段

我正在键入有以下代码。

angular.module('formApp', []) 

.controller('FormController', function ($scope, $http) { 

    $scope.formData = {}; 

    $scope.processForm = function() { 

    }; 

}); 

<div class="form-container" ng-app="formApp" ng-controller="FormController"> 
<div class="container"> 
    <form> 
     <div id="name-group" class="form-group"> 
      <label>Name</label> 
      <input type="text" name="name" class="form-control" placeholder="Bruce Wayne" ng-model="formData.name"> 
      <span class="help-block"></span> 
     </div> 

     <div id="superhero-group" class="form-group"> 
      <label>Superhero Alias</label> 
      <input type="text" name="superheroAlias" class="form-control" placeholder="Caped Crusader" 
        ng-model="formData.superheroAlias"> 
      <span class="help-block"></span> 
     </div> 

     <button type="submit" class="btn btn-success btn-lg btn-block"> 
      <span class="glyphicon glyphicon-flash"></span> Submit! 
     </button> 
    </form> 

    <pre> 
     {{ formData }} 
    </pre> 

</div> 
</div>

来源

2015-02-11 lwensveen

ngcontroller = “的FormController” 是ngcontroller = “的FormController”，对不对？另外，如果你可以避免把你的ng-app的控制器放在同一个标签上，它会更好。 – 2015-02-11 09:20:05

我无法使用Angular 1.3.2重现您显示的错误。请参阅http://plnkr.co/edit/xA3L4jE3Q48g5J1raGaI?p=preview – Claies 2015-02-11 09:30:36

似乎我的代码是正确的，那么问题一定在其他地方... 感谢您的帮助 – lwensveen 2015-02-11 09:35:18

您的ngcontroller语法中有一个错字。它应该是ng-controller

<div class="form-container" ng-app="formApp" ng-controller="FormController">

来源

2015-02-11 09:23:26

我修正了这个问题。这是由于复制粘贴到'代码块' – lwensveen 2015-02-11 09:25:37

的问题，所以你修复它，但仍然不工作？ – 2015-02-11 09:31:05

复制你的代码，它是工作，见下图：

angular.module('formApp', []) 
 

 
.controller('FormController', function ($scope, $http) { 
 

 
    $scope.formData = {}; 
 

 
    $scope.processForm = function() { 
 

 
    }; 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div class="form-container" ng-app="formApp" ng-controller="FormController"> 
 
<div class="container"> 
 
    <form> 
 
     <div id="name-group" class="form-group"> 
 
      <label>Name</label> 
 
      <input type="text" name="name" class="form-control" placeholder="Bruce Wayne" ng-model="formData.name"> 
 
      <span class="help-block"></span> 
 
     </div> 
 

 
     <div id="superhero-group" class="form-group"> 
 
      <label>Superhero Alias</label> 
 
      <input type="text" name="superheroAlias" class="form-control" placeholder="Caped Crusader" 
 
        ng-model="formData.superheroAlias"> 
 
      <span class="help-block"></span> 
 
     </div> 
 

 
     <button type="submit" class="btn btn-success btn-lg btn-block"> 
 
      <span class="glyphicon glyphicon-flash"></span> Submit! 
 
     </button> 
 
    </form> 
 

 
    <pre> 
 
     {{ formData }} 
 
    </pre> 
 

 
</div> 
 
</div>

来源

2015-02-11 09:25:48 DonJuwe

正确，但正如我所说我在1.3.2上，它不适用于该版本。我检查了1.2> 1.3迁移文档，但我似乎无法找到问题所在。 – lwensveen 2015-02-11 09:28:20

角1.3数据绑定不工作

回答

相关问题