没有获得Angular Text Area的实时预览

时间:2016-01-22 16:45:32

标签: angularjs forms textarea

我有角度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相关的任何值。我调试了好几次但没有结果令人沮丧。

1 个答案:

答案 0 :(得分:4)

更改此

Blob

到此

ng-model "statusUpdate.message"

完整示例

ng-model = "statusUpdate.message"