【发布时间】：2016-09-01 19:43:25
【问题描述】：
我是 angular js.i google 的新手，但没有找到有用的东西。
这是我的retails.json 文件：
{
"categories": [
{
"dept_id": "123",
"category_name": "database",
"category_discription": "list of database",
"current time": "2016-07-21 06:27:17",
"id": "1"
},
{
"dept_id": "1234",
"category_name": "debugging",
"category_discription": "program debugger",
"current time": "2016-07-21 06:32:24",
"id": "2"
},
{
"dept_id": "12345",
"category_name": "system analyzer",
"category_discription": null,
"current time": "2016-07-21 06:33:23",
"id": "3"
}
]
}
我想使用 angularjs 制作一个表单，该表单将编辑和删除这个 json 文件中的一些内容。我该怎么做？...这个 json 文件也在我的 loclhost 上运行。我如何编辑和添加一些数据到这个 json 文件是否在 localhost 上运行？我正在使用 node js 在 localhost 上运行这个文件。
这是我的 nodejs 文件，即在本地主机上运行。
var express = require('express');
var app = express();
var fs = require("fs");
var http = require("http");
var cors = require('cors');
var router = require('router');
app.all('/*', function (req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
res.header("Access-Control-Allow-Headers", "X-Requested-With, content- type");
next();
});
app.get('/categories', function (req, res) {
fs.readFile( __dirname + "/" + "retails.json", 'utf8', function (err, data) {
console.log(data);
res.send(data);
});
})
var server = app.listen(8081, function () {
var host = server.address().address
var port = server.address().port
console.log("Example app listening at http://%s:%s", host, port)
})
这是我的 test.htm 文件：
<!DOCTYPE html>
<html>
<style>
table, th , td {
border: 1px solid grey;
border-collapse: collapse;
padding: 5px;
}
table tr:nth-child(odd) {
background-color: #f1f1f1;
}
table tr:nth-child(even) {
background-color: #ffffff;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8 /angular.min.js"></script>
<body>
<div ng-app="myApp2" ng-controller="customersCtrl3">
<frame>
<table border="1">
<b><tn>categories</tn></b>
<tr>
<th>dept_id</th>
<th>category_name</th>
<th>category_discription</th>
<th>current time</th>
<th>Id</th>
</tr>
<tr ng-repeat="x in categories">
<td>{{ x.dept_id }}</td>
<td>{{ x.category_name }}</td>
<td>{{ x.category_discription }}</td>
<td>{{ x.currenttime }}</td>
<td>{{ x.id }}</td>
</tr>
</table><br>
<table border="1">
<b><tn>departments</tn></b>
<tr>
<th>Name</th>
<th>Address_info</th>
<th>currenttime</th>
<th>Id</th>
</tr>
<tr ng-repeat="x in departments">
<td>{{ x.name }}</td>
<td>{{ x.address_info }}</td>
<td>{{ x.currenttime }}</td>
<td>{{ x.id }}</td>
</tr>
</table><br>
<table border="2">
<tr>
<th>dept_id</th>
<th>phone</id>
<th>mobile</id>
<th>email</th>
<th>web></th>
<th>facebook</th>
<th>twitter</th>
<th>linkedin</th>
<th>current time</th>
<th>id</th>
</tr>
<tr ng-repeat="x in digital_marketing">
<td>{{ x.dept_id }}</td>
<td>{{ x.phone }}</td>
<td>{{ x.mobile }}</td>
<td>{{ x.email }}</td>
<td>{{ x.web }}</td>
<td>{{ x.facebook }}</td>
<td>{{ x.twitter }}</td>
<td>{{ x.linkedin }}</td>
<td>{{ x.currenttime}}</td>
<td>{{ x.id }}</id>
</tr>
</table>
</div>
<script>
var app = angular.module('myApp2', []);
app.controller('customersCtrl3', function($scope, $http) {
$http.get("http://localhost:8081/categories").then(function (response) {
$scope.categories = response.data.categories;//departments
$scope.departments = response.data.departments;//digital_marketing
$scope.digital_marketing = response.data.digital_marketing;
});
});
</script>
</body>
</html>
现在我想使用 angularjs 编辑数据并将数据添加到 json 文件中。我想显示如下：http://www.w3schools.com/angular/tryit.asp?filename=try_ng_w3css
【问题讨论】：
-
您是否为此创建了视图？
-
很确定你不能，必须做这个服务器端
-
没有视图。我是新手......忘记服务器端。告诉我我该怎么做......我想做这样的事情：w3schools.com/angular/tryit.asp?filename=try_ng_w3css