使用AngularJS将数据直接发布到JSON中

Question

I'm still new in AngularJS, so far I've succeeded to fetch data from JSON in my Controller

var testAppApp = angular.module('testAppApp', []);
testAppApp.controller('SimpleController', function ($scope, $http) {
        $http.get('data/data.json')
        .then(function(takeprocess) {
            $scope.customers = takeprocess.data.records;
        });
});

here my JSON format

{ 
"records": [
{
  "Name": "Alfreds Futterkiste",
  "City": "Berlin",
  "Country": "Germany"
},
{
  "Name": "Ana Trujillo Emparedados y helados",
  "City": "México D.F.",
  "Country": "Mexico"
},
............
}

My index.html

<div ng-controller="SimpleController">
Search <input type="text" ng-model="filter.name" /> 
<ul>
<li ng-repeat="cust in customers | filter:filter.name | orderBy:'No'">
{{$index +1}} - {{cust.Name}} - {{cust.City}} - {{cust.Country}}</li>
</ul> 
Adding New Customer <br/>
Name: <br/>
<input type="text" ng-model="Name" /><br/>
City: <br/>
<input type="text" ng-model="City" /><br/>
Country: <br/>
<input type="text" ng-model="Country" /><br/> 
<button ng-click="addCustomer(Name, City, Country)">Add Customer</button>
</div>

Here my output

I want create function addCustomer to post data, and (maybe) store the data into JSON, but I don't know how create the function... in many ways, some people talk angularJS is Front End framework, it can't store data to JSON directly. Please suggest me to make a point, In my case I want put new data into list and permanent

Answer 1

When you say "store the data into JSON" do you mean put it into the data.json file directly?

If yes, Javascript is a front end language and doesn't have access to the file system that hosts it. The solution would be to run a back end language like Go, Node.JS or PHP to accept a post request and write that data to your data.json.