Как поместить данные формы в json-файл в angularjs

Question

Я создаю приложение, в котором мне нужно добавить контакты из ввода формы. Я хочу добавить данные из поля ввода формы в свой файл JSON.

К сожалению, до сих пор я не могу найти решение для этого решения. Просьба помочь в этом отношении. Это мой код контроллера, в котором также определен объект JSON. Я хочу получить данные из ввода, поданного в массив объектов JSON.

var contactManager = angular.module('contactManager', ['ngAnimate']); 

// Contacts List Controller 
contactManager.controller('ListController', ['$scope', '$http', function($scope, $http) { 
    $http.get('js/data.json').success(function(data) { 
    $scope.contacts = data; 
    //$scope.contacts = 'name'; 
    }); 
}]); 

// Contacts Details Controller 
contactManager.controller('DetailsController', ['$scope', '$routeParams', '$http', 
    function($scope, $routeParams, $http) { 

    $scope.contact = [{ 
     "name": "Stephen Radford", 
     "phone": "", 
     "address": "123, Some Street\nLeicester\nGH1 2SR", 
     "email": "stephen@email.com", 
     "website": "stephenradford.me", 
     "notes": "" 
     }, 
     { 
     "name": "Alan Border", 
     "phone": "154648445", 
     "address": "457, Some Street\nBirmingham\nLM1 2AB", 
     "email": "stephen@email.com", 
     "website": "alanborder.me", 
     "notes": "" 
     }, 
     { 
     "name": "Misbah ul Haq", 
     "phone": "8899556744", 
     "address": "458, Some Street\nFaisalabad\nFD1 2MH", 
     "email": "misbah@email.com", 
     "website": "misbah.me", 
     "notes": "" 
     } 
    ]; 

    $scope.contactId = $routeParams.contactId; 

    $scope.addNew = function() { 

     $scope.contact.push($scope.newData); 
     $scop.newData = null; 
     $scope.added = true; 
    }; 
    } 
]); 

Это мой код формы. Где я беру входные данные из формы

<form class="form-horizontal" ng-submit="addNew()" ng-controller="DetailsController"> 
    <input ng-model="contact.name"> 
    <input ng-model="contact.phone"> 
    <input ng-model="contact.address"> 
    <button>Click here to store data</button> 
</form> 

Answer 1

Вам необходимо отправить объект данных storedata функции.

<button ng-click="storedata(obj)">Click here to store data</button> 

Чем можно, вы можете сделать это, как хотите.

$scope.storedata = function(obj) { 
    // obj is json 
    $post('/path_to_server', obj); 
};