Javascript 如何将推送数据从控制器块保存到json

我是新来的。单击save按钮后，我需要了解如何保存JSON更改。我在控制器中添加了save按钮和count Variable，其中不能添加超过3行。如何添加savecontroller以同时捕获所有三行数据并一次发布到json

var-app=angular.module（“myapp”，[]）；
app.controller（“ListController”、[“$scope”、函数（$scope）{
$scope.employeeCount=2；
$scope.personalDetails=[]；
$scope.addNew=函数（个人详细信息）{
$scope.personalDetails.push({
“objtyp”：personalDetails.objtyp，
“activ”：personalDetails.activ，
“comm”：personalDetails.comm，
});
$scope.PD={}；
};
$scope.remove=函数（）{
var newDataList=[]；
$scope.selectedAll=false；
angular.forEach（$scope.personalDetails，函数（已选）{
如果（！已选定。已选定）{
newDataList.push（选中）；
}
});
$scope.personalDetails=newDataList；
};
$scope.checkAll=function（）{
如果（！$scope.selectedAll）{
$scope.selectedAll=true；
}否则{
$scope.selectedAll=false；
}
angular.forEach（$scope.personalDetails，函数（personalDetails）{
personalDetails.selected=$scope.selectedAll；
});
};
}]);
x
/*用户配置文件页面*/
.卡片{
边缘顶部：20px；
填充：30px；
背景色：rgba（2142242260.2）；
-webkit边框左上半径：5px；
-moz边框左上半径：5px；
边框左上半径：5px；
-webkit边框右上角半径：5px；
-moz边框右上角半径：5px；
边框右上角半径：5px；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
.卡片{
背景：url(http://o.homedsgn.com/wp-content/uploads/2011/04/NYC-at-Night-54.jpg)无重复中心；
位置：相对位置；
填充顶部：40px；
溢出：隐藏；
文本对齐：居中；
背景色：#fff；
背景色：rgba（255、255、255、1）；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
.card.hovercard.card背景{
高度：130像素；
}
.卡背景img{
-webkit过滤器：模糊（25px）；
-moz滤波器：模糊（25px）；
-o-滤波器：模糊（25px）；
-ms滤波器：模糊（25px）；
过滤器：模糊（25px）；
左边距：-100px；
利润上限：-200px；
最小宽度：130%；
}
.card.hovercard.card信息{
位置：绝对位置；
底部：14px；
左：0；
右：0；
}
.card.hovercard.card信息h1{
背景色：rgba（255、255、255、0.7）；
溢出：隐藏；
文本对齐：居中；
填充：10px；
字体大小：粗体；
字体系列：arial；
字号：83px；
利润率：450px 0px 27px 0px；
}
.card.hovercard.card info.card title{
背景：url(http://o.homedsgn.com/wp-content/uploads/2011/04/NYC-at-Night-54.jpg)不重复；
-webkit文本填充颜色：透明；
-webkit背景剪辑：文本；
显示：块；
背景位置：中心-450px；
}
.card.hovercard.bottom{
填充：0 20px；
边缘底部：17px；
}
.btn首选btn{
-webkit边界半径：0！重要；
}
.btn主要{
右边距：10px；
}
.集装箱{
利润率：20px0；
}

阿尼尔·库马尔K
IND1469

经理
维克拉姆·拉纳德
目标
工作
行为
目标类型
活动
评论
这是表2
这是表3
如果要通过
$HTTPPOST API
保存json，请尝试以下操作-

$scope.save = function(){
    // maintain an array of selected items
    $scope.selected = [];
    angular.forEach($scope.personalDetails, function(detail){           
       if(detail.selectd){
          $scope.selectd.push(detail);
       }
    });
    // post this data to server using $http
    $http({
     url: '/request-url',
     method: "POST",
     data: { 'data' : $scope.selectd }
    })
    .then(function(response) {
        // success, do something
    }, 
    function(response) { // optional
        // failed , do something
    });
}

不要忘记在控制器中定义
$http
依赖项，如-
app.controller（“ListController”、['$scope'，'$http'，函数（$scope，$http）{
//..…您的控制器具有保存和其他功能。。
}
当我在文本框中填充数据后单击“添加”按钮时，该数据应转到并保存在JSON文件中。当我在添加和保存数据后刷新页面时，数据将从页面中消失，这是不应该发生的。请帮我解决这个问题