未得到角度文本區域的實時預覽

Question

我有角度1.5版本。文本區域未提供實時預覽。我寫了ng模型和書面控制器代碼，現在我不知道里面缺少什麼。

控制器代碼：

(function() { 
     var app = angular.module('wildfire', []); 
     var updateStatusText = 'test'; 
     app.controller('UpdateStatusController', function() { 
      this.message = updateStatusText; 
      this.updateStatus = function(text) { 
       var StatusObject = {}; 
       updateStatusText = text; 
      } 

     }); 
    } 

HTML代碼：

<div class="well"> 
    <form class="form-horizontal" role="form" ng-controller="UpdateStatusController as statusUpdate" ng-submit="statusUpdate.updateStatus(statusUpdate.message)"> 
     <h4>What's New</h4>{{statusUpdate.message}} 
     <div class="form-group" style="padding:14px;"> 
      <textarea class="form-control" ng-model "statusUpdate.message" placeholder="Update your status"> </textarea> 
      {{statusUpdate.message}} 
     </div> 
</div> 

它不給實時預覽並提交它不會發送與文本區域相關聯的任何值之後。我調試了幾次，但沒有結果完全令人沮喪。

Answer 1

更改此

ng-model "statusUpdate.message" 

對此

ng-model = "statusUpdate.message" 

完整示例

<div class="well"> 
    <form class="form-horizontal" role="form" ng-controller="UpdateStatusController as statusUpdate" ng-submit="statusUpdate.updateStatus(statusUpdate.message)"> 
     <h4>What's New</h4>{{statusUpdate.message}} 
     <div class="form-group" style="padding:14px;"> 
      <textarea class="form-control" ng-model= "statusUpdate.message" placeholder="Update your status"> </textarea> 
      {{statusUpdate.message}} 
     </div> 
</div> 

angular.module('wildfire', []).controller('UpdateStatusController',['$scope', '$http', function($scope, $http){ 

    var updateStatusText = 'test'; 

     this.message = updateStatusText; 
     this.updateStatus = function(text) { 
      var StatusObject = {}; 
      updateStatusText = text; 
     } 

}]);