未得到角度文本区域的实时预览

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; 
     } 

}]);