javascript - angularjs 数据绑定(bind)问题

Question

我正在尝试允许用户提交评论，并在其中显示评论。但是，它似乎无法正常工作，因为我能够将其显示为预览，但是当我提交时，它不会保存为包含其他评论的数组。调试后，我发现它绑定(bind)到我的 $scope.review，但它作为网页上显示的空白默认格式提交到我的数组。源代码可以在 http://plnkr.co/edit/q5fRIG6DzTegi3Ir1y8G?p=preview 找到。 . (注释掉原始状态和范围的重置，这也给出了同样的错误)。

Javascript

    .controller('DishCommentController', ['$scope', function($scope) {

        $scope.review = {name:"", rating:"Five", comment:"",date:""};
            $scope.submitComment = function () {

            $scope.review.date = new Date().toISOString();

            //  Push comment into the dish's comment array
            $scope.dish.comments.push("$scope.review");
             //reset  form to pristine
           // $scope.commentForm.$setPristine="";
             //reset  JavaScript object that holds your comment
           // $scope.review = {name:"", rating:"Five", comment:"",date:""};
        }

HTML

        <div class="media-list">
                <ul ng-show="!commentForm.comment.$error.required && !commentForm.comment.$pristine && !commentForm.name.$error.required && !commentForm.name.$pristine">
                    <blockquote>
                        <p>{{review.rating}} Stars</p>
                        <p>{{review.comment}}</p>
                        <footer>By {{review.name}} on {{review.date | date:'mediumDate'}} </footer>
                    </blockquote>
                </ul>
            </div>

Answer 1

你需要插入对象:

$scope.dish.comments.push($scope.review);