Question

我是AngularJS的新手。在单击“添加新成员”按钮后尝试将formdata发送到Json文件时，新的Json数据会覆盖当前现有的Json数据。我需要在最后一个数据之后添加数据。我使用下面的代码

var memberControllers = angular.module('memberControllers', []);`memberControllers.controller('addListCtrl', ['$scope', '$http',  '$location',
    function($scope, $http, $location){
        $scope.members = [];
        $scope.formData = {};
        $scope.addMember = function(){
            $http.post('data/members.json', $scope.formData).

                success(function(data){
                    console.log('added ' + data);
                    $scope.formData = {};
                    $scope.members = data;
                    $scope.members.push(data);

                })
                .error(function(data){
                    console.log('Error: ' + data);
                });
                $location.path('/members');

        /*});*/

    };

    }]);`

结果显示来自Json文件---＆gt;

{"id":"1","name":"Jane" }

我期待以下---＆gt;

[{"id":"1","name":"Jane"},{"id":"2","name":"John"},{"id":"3","name":"Tom"}]

Answer 1

$scope.members = data;会覆盖members - 省略此行，只需使用push即可。

制作＆＃39;添加新用户＆＃39;，JSON数据会覆盖当前数据。需要添加的内容.-- AngularJS

1 个答案: