AngularJS:如何将新数据发布到现有JSON文件
我对Angular很陌生,所以如果我遗漏了一些非常基本的东西,我很抱歉——只是我已经在互联网上搜索了一半,但我似乎找不到一个例子或解释来帮助我 我有一个包含数据的JSON文件(news.JSON,本例存储在本地): 表单的HTML模板应将新条目提交到JSON文件中:AngularJS:如何将新数据发布到现有JSON文件,angularjs,json,forms,post,Angularjs,Json,Forms,Post,我对Angular很陌生,所以如果我遗漏了一些非常基本的东西,我很抱歉——只是我已经在互联网上搜索了一半,但我似乎找不到一个例子或解释来帮助我 我有一个包含数据的JSON文件(news.JSON,本例存储在本地): 表单的HTML模板应将新条目提交到JSON文件中: <form ng-submit="submit()"> <label>Titel: </label> <input type="te
<form ng-submit="submit()">
<label>Titel: </label>
<input type="text" ng-model="title" required /><br /><br />
<label>Tekst:<br /></label>
<textarea ng-model="body" required></textarea><br /><br />
<fieldset>
<legend>Voor wie is dit nieuwsbericht bestemd?</legend>
<input type="checkbox" ng-model="at_alg" value="Homepagina"> Homepagina<br />
<input type="checkbox" ng-model="at_lln" value="Leerlingen"> Leerlingen<br />
<input type="checkbox" ng-model="at_per" value="Personeel"> Personeel<br />
<input type="checkbox" ng-model="at_oud" value="Ouders"> Ouders
</fieldset><br /><br />
<button type="submit"> Sla het artikel op </button>
这根本没用。我做错了什么?提前谢谢 Angular无法更改服务器本身上的文件。您必须创建一个web服务来完成此操作。请查看此答案哦。。。真可惜。无论如何,谢谢你的信息和链接!
<form ng-submit="submit()">
<label>Titel: </label>
<input type="text" ng-model="title" required /><br /><br />
<label>Tekst:<br /></label>
<textarea ng-model="body" required></textarea><br /><br />
<fieldset>
<legend>Voor wie is dit nieuwsbericht bestemd?</legend>
<input type="checkbox" ng-model="at_alg" value="Homepagina"> Homepagina<br />
<input type="checkbox" ng-model="at_lln" value="Leerlingen"> Leerlingen<br />
<input type="checkbox" ng-model="at_per" value="Personeel"> Personeel<br />
<input type="checkbox" ng-model="at_oud" value="Ouders"> Ouders
</fieldset><br /><br />
<button type="submit"> Sla het artikel op </button>
app.directive('postNews', function($http){
return {
restrict: 'E',
scope: {},
templateUrl: 'pages/postnews.html',
link: function(scope, element, attrs) {
$scope.submit = function() {
var toSend = {
title: $scope.title,
body: $scope.body,
}
$http.post('data/news.json', toSend)
.success(function(data, status, headers){
alert('Het bericht is toegevoegd.');
$scope.title = '';
$scope.body = '';
})
.error(function(data, status, headers){
alert('Oeps... er is iets fout gegaan. Probeer het later opnieuw.');
});
};
}
};
});