未获得 Angular 文本区域的实时预览

Question

我有 angular 1.5 版本。文本区域不提供实时预览。我已经写了 ng-model 和控制器代码，现在我不知道它缺少什么。

控制器代码：

(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>

它不提供实时预览，并且在提交后不发送任何与 TextArea 关联的值。调试了好几次都没有结果，很郁闷

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

}]);

未获得 Angular 文本区域的实时预览

Not getting Live Preview for Angular Text Area

forms

textarea

angularjs