Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
AngularJS:如何将新数据发布到现有JSON文件_Angularjs_Json_Forms_Post - Fatal编程技术网

AngularJS:如何将新数据发布到现有JSON文件

AngularJS:如何将新数据发布到现有JSON文件,angularjs,json,forms,post,Angularjs,Json,Forms,Post,我对Angular很陌生,所以如果我遗漏了一些非常基本的东西,我很抱歉——只是我已经在互联网上搜索了一半,但我似乎找不到一个例子或解释来帮助我 我有一个包含数据的JSON文件(news.JSON,本例存储在本地): 表单的HTML模板应将新条目提交到JSON文件中: <form ng-submit="submit()"> <label>Titel:&nbsp;&nbsp;&nbsp;</label> <input type="te

我对Angular很陌生,所以如果我遗漏了一些非常基本的东西,我很抱歉——只是我已经在互联网上搜索了一半,但我似乎找不到一个例子或解释来帮助我

我有一个包含数据的JSON文件(news.JSON,本例存储在本地):

表单的HTML模板应将新条目提交到JSON文件中:

<form ng-submit="submit()">
<label>Titel:&nbsp;&nbsp;&nbsp;</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">&nbsp;&nbsp;Homepagina<br />
    <input type="checkbox" ng-model="at_lln" value="Leerlingen">&nbsp;&nbsp;Leerlingen<br />
    <input type="checkbox" ng-model="at_per" value="Personeel">&nbsp;&nbsp;Personeel<br />
    <input type="checkbox" ng-model="at_oud" value="Ouders">&nbsp;&nbsp;Ouders
</fieldset><br /><br />
<button type="submit">&nbsp;Sla het artikel op&nbsp;</button>

这根本没用。我做错了什么?提前谢谢

Angular无法更改服务器本身上的文件。您必须创建一个web服务来完成此操作。请查看此答案哦。。。真可惜。无论如何,谢谢你的信息和链接!
<form ng-submit="submit()">
<label>Titel:&nbsp;&nbsp;&nbsp;</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">&nbsp;&nbsp;Homepagina<br />
    <input type="checkbox" ng-model="at_lln" value="Leerlingen">&nbsp;&nbsp;Leerlingen<br />
    <input type="checkbox" ng-model="at_per" value="Personeel">&nbsp;&nbsp;Personeel<br />
    <input type="checkbox" ng-model="at_oud" value="Ouders">&nbsp;&nbsp;Ouders
</fieldset><br /><br />
<button type="submit">&nbsp;Sla het artikel op&nbsp;</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.');
                    });
                };
            }
        };
 });