角度$ scope功能未更新

Question

I have a strange problem with Angulars scope. I worked with it for a while and everything is great, but in this little snippet the $scope will not change. Any idea? ($scope.projects and $scope.commentText, the post returns the data successfully)

Model from HTM:

 <textarea ng-model="commentText" class="form-control"
                                              placeholder="Enter your comment..." rows="3"></textarea>
                                    <br>
                                    <a href="#" class="btn btn-primary btn-sm pull-right" ng-click="postComment(projects[0]._id, commentText)">Post comment</a>

Controller:

$scope.postComment = function (project_id, comment) {
    console.log(project_id, comment);
    if (comment && $scope.user) {
        var body = {
            project: project_id,
            text: comment.replace(/\r?\n/g, '<br />'),
            user: $scope.user.nickname,
            date: new Date()

        };
        $http.post('/api/projects/comment', body)
            .success(function (data) {
                data.comments.map(function (comment) {
                    comment.text = $sce.trustAsHtml(comment.text)
                });
                $scope.projects[0] = data;
                $scope.commentText = "";
            })
            .error(function (error) {
                console.log('Error: ' + error);

            });
    }

Answer 1

I figured it out. Everything was working fine...the problem is I can't change the content of the textarea with the commong $scope.textarea = "".

I used jquery with $("#text-area").val("") for this.