Добавить, удалить и обновить конкретные данные в JSON в AngularJS
Я вытащил данные из файла JSON. Теперь это отображается над DOM. На странице HTML у меня есть три варианта: 1) Изменить данные 2) Удалить конкретные данные и 3) Добавить новые данные.
Как это сделать с помощью AngularJS Code? т.е. при редактировании имени, он должен обновить мой объект JSON. При удалении строки следует удалить эту строку в данных JSON. а также если я нажму на кнопку Добавить новый, то введенные данные будут добавлены в JSON.
Мой код, как показано ниже. Импорт данных через файл json и отображение в DOM
.controller('MainCtrl', function ($scope, $http) {
$http.get('data/home.json').
success(function(data, status, headers, config) {
$scope.details = data;
}).
error(function(data, status, headers, config) {
// log error
});
});
Вывод этого кода правильный, как показано на рисунке ниже.Объект JSON, как показано ниже.
{
"status":"success",
"adformat":[
{
"adformat_id":1,
"name":"Format 1",
"size":"300x250"
},
{
"adformat_id":2,
"name":"Format 2",
"size":"320x250"
},
{
"adformat_id":3,
"name":"Format 3",
"size":"320x480"
}
]
}