Как обновить файл JSON в AngularJS

Question

Я хочу, чтобы обновить существующий файл JSON в AngularJS

JSON файл:

{ 
    "text1": "Click here to edit!", 
    "text2": "Click here to edit!", 
    "text3": "Click here to edit!", 
    "text4": "Click here to edit!" 
} 

Я хочу обновить этот JSON файл как:

text1: "Abc" 

и сохраните эти изменения в файле JSON

Answer 1

Вы не можете обновить json-файл, не используя серверный язык, такой как PHP или python. В основном это соответствие безопасности. Для большего понимания любезно пройти через https://docs.angularjs.org/guide/security https://docs.angularjs.org/api/ng/directive/ngCsp и https://developer.mozilla.org/en-US/docs/Web/Security/CSP

Answer 2

Представьте, что у вас есть getjson.php и savejson.php на сервере, которые работают точно так, как предполагают их имена.

Теперь используйте $http сервис Angular для извлечения вашего json с сервера.

$http.get("getjson.php").then(function(response){ 

    $scope.myJsonObject = response.data; 

    //Your json becomes JS object here. Change it the way you want 
    $scope.myJsonObject.text1 = "Abc"; 

}); 

Используйте $http сервис снова отправить JSON обратно на сервер.

$http({ 
      method: "post", 
      url: "savejson.php", 
      data: $scope.myJsonObject, 
      headers: { 'Content-Type': 'application/json; charset=utf-8' } 
}); 

Это основное. Обратите внимание, что вам нужно сделать свою часть php для сохранения/загрузки вашего json-файла. Также вы должны обрабатывать ошибки службы $http.

Посмотрите, как $http сервис и promises работа.