2015-02-11 64 views
0

我遇到一些問題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> 
+1

ngcontroller = 「的FormController」 是ngcontroller = 「的FormController」,對不對?另外,如果你可以避免把你的ng-app的控制器放在同一個標​​簽上,它會更好。 – 2015-02-11 09:20:05

+0

我無法使用Angular 1.3.2重現您顯示的錯誤。請參閱http://plnkr.co/edit/xA3L4jE3Q48g5J1raGaI?p=preview – Claies 2015-02-11 09:30:36

+0

似乎我的代碼是正確的,那麼問題一定在其他地方... 感謝您的幫助 – lwensveen 2015-02-11 09:35:18

回答

0

您的ngcontroller語法中有一個錯字。它應該是ng-controller

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

我修正了這個問題。這是由於複製粘貼到'代碼塊' – lwensveen 2015-02-11 09:25:37

+0

的問題,所以你修復它,但仍然不工作? – 2015-02-11 09:31:05

0

複製你的代碼,它是工作,見下圖:

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>

+0

正確,但正如我所說我在1.3.2上,它不適用於該版本。我檢查了1.2> 1.3遷移文檔,但我似乎無法找到問題所在。 – lwensveen 2015-02-11 09:28:20