Question

我的应用中存在一个问题：我试图将音符数组推入音符 s 数组，但是当第二个数组被推入音符时，音符中的所有对象变得一样。

这是我的angularJS控制器：

var app = angular.module("myApp", []);

app.controller("noteCtrl", function ($scope) {
    $scope.note = {};
    $scope.notes = [];

    $scope.submit = function() {
        $scope.notes.push($scope.note);
    };    
});

Html代码：

    <div data-ng-controller="noteCtrl">
        <form name="noteForm" data-ng-submit="submit()">
            <div class="col-md-9 col-sm-12 col-xs-12">
                <div class="row">
                    <div class="col-xs-12 bdr">
                        <input class="full" type="text" name="title" data-ng-model="note.title" placeholder="Note title is required" required />
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 bdr">
                        <textarea class="full" name="content" data-ng-model="note.content" placeholder="Input the note content here"></textarea>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-4 col-xs-12 bdr">
                        <button class="full" type="reset" data-ng-click="">Cancel</button>
                    </div>
                    <div class="col-md-4 col-sm-4 col-xs-12 bdr">
                        <button class="full" type="button" data-ng-disabled="noteForm.$invalid" data-ng-click="">Save</button>
                    </div>
                    <div class="col-md-4 col-sm-4 col-xs-12 bdr">
                        <button class="full" type="submit" data-ng-disabled="noteForm.$invalid">Publish</button>
                    </div>
                </div>
            </div>
        </form>
        {{note}}
        {{notes}}
    </div>

例如，我将两个不同的对象（当然具有不同的值）推入笔记中。在第二个被推入之后，笔记将如下所示：

[{"title":"aaaa","content":"bbbb"},{"title":"aaaa","content":"bbbb"}]

提前致谢。

Answer 1

这是针对对象的范围。你应该在函数体中定义对象。

$scope.submit = function() {
    var note = {"title":"","content":""};
    $scope.notes.push(note);
};

Answer 2

我认为该音符最初应该具有属性，并且在推后它应该被重置。

app.controller("noteCtrl", function ($scope) {
    $scope.note = { title: "", content: "" };
    $scope.notes = [];

    $scope.submit = function() {
        $scope.notes.push($scope.note);
        $scope.note = { title: "", content: "" };
    };    
});

为什么push函数会影响数组中的其他对象？

2 个答案: