Angularjs 使用资源将数据存储在json文件中
朋友们,我的网站上有一个表单,我想将其数据存储在json文件中 以下是表格的代码:Angularjs 使用资源将数据存储在json文件中,angularjs,Angularjs,朋友们,我的网站上有一个表单,我想将其数据存储在json文件中 以下是表格的代码: <form> <input ng-model="obj.firstname"> <input ng-model="obj.lastname"> <button ng-click="storedata()">Click here to store data</button> </form>
<form>
<input ng-model="obj.firstname">
<input ng-model="obj.lastname">
<button ng-click="storedata()">Click here to store data</button>
</form>
问题是数据没有被存储。我是不是遗漏了什么?
下面是一个例子:ngResource是一个角度服务,旨在与RESTful服务器端数据源交互(请参阅)。angular js教程倾向于引用本地JSON文件,因为它们是独立的示例,任何人都可以下载并在本地运行,而无需后端服务器。但是您会注意到教程只从JSON文件中读取数据,不能更新它们 如果您希望在客户端保存数据,请查看LocalStorage()
如果您试图保存数据服务器端,则需要设置一些后端服务(通过NodeJS、PHP、.NET、Ruby、Python和许多其他框架)存储意味着什么?存储在服务器上?你的意思是请求正在进行吗?不..只是存储在文件中。。我在同一个文件夹中有一个名为test.jsonAngularJS的文件,或者事实上,javascript只能向服务器发送数据,保存逻辑应该在服务器上。您的意思是在本地保存一个文件,例如,通过浏览器强制下载一个文本文件?因为那会帮我解决一些问题。
var myApp = angular.module('app', ['ui.bootstrap.dialog','ngResource']);
myApp.controller('TestCtrl', function($scope,$dialog,TestResource) {
$scope.obj = {};
$scope.obj.firstname = "Mahatma";
$scope.obj.lastname = "Gandhi";
$scope.storedata = function() {
console.log("Storing Data now");
TestResource.save($scope.obj);
console.log("Data should have been stored");
}
});
myApp.factory('TestResource', ['$resource', function($resource) {
return $resource('test.json', {}, {} );
}]);