Angularjs ng重复未从数据库绑定
我有一个1页的应用程序,它应该显示数据库中的对象列表。我使用ng repeat创建了一个模板来绑定数据库中数组中的数据。因为我是新手,任何帮助都会很好。我的代码如下:Angularjs ng重复未从数据库绑定,angularjs,database,data-binding,mean-stack,Angularjs,Database,Data Binding,Mean Stack,我有一个1页的应用程序,它应该显示数据库中的对象列表。我使用ng repeat创建了一个模板来绑定数据库中数组中的数据。因为我是新手,任何帮助都会很好。我的代码如下: SERVER.JS var express=需要(“express”); var-app=express(); var mongojs=require('mongojs'); var db=mongojs('eventlist',['eventlist']); var bodyParser=require('body-parse
SERVER.JS
var express=需要(“express”);
var-app=express();
var mongojs=require('mongojs');
var db=mongojs('eventlist',['eventlist']);
var bodyParser=require('body-parser');
应用程序使用(express.static(uu dirname+“/public”);
use(bodyParser.json());
app.get('/eventlist',函数(req,res){
log(“我收到一个get请求”)
db.eventlist.find(函数(err,docs){
console.log(文档);
res.json(docs);
});
});
app.post('/eventlist',函数(req,res){
控制台日志(请求主体);
db.eventlist.insert(请求主体、函数(错误、文档){
res.json(doc);
});
});
app.delete('/eventlist/:id',函数(req,res){
var id=请求参数id;
console.log(id);
remove({u id:mongojs.ObjectID(id)},函数(err,doc){
res.json(doc);
});
});
app.get('/eventlist/:id',函数(req,res){
var id=请求参数id;
console.log(id);
findOne({u id:mongojs.ObjectId(id)},函数(err,doc){
res.json(doc);
});
});
app.put('/eventlist/:id',函数(req,res){
var id=请求参数id;
控制台日志(请求主体名称);
db.eventlist.findAndModify({
查询:{u id:mongojs.ObjectId(id)},
更新:{$set:{name:req.body.name,startDate:req.body.startDate,price:req.body.price,location:req.body.location},
新:true},函数(err,doc){
res.json(doc);
}
);
});
app.listen(4000);
log(“在端口4000上运行的服务器”)代码>
INDEX.HTML
顶点项目
-
-
-
提交
-
- 选择半径
-
-
-
夏季活动清单
名称
日期
价格
位置
行动
添加事件
清楚的
{{event.name}
{{event.startDate}
{{event.price}}
{{event.location}
$(文档).ready(函数(){
变量触发器=$(“.hamburger”),
覆盖=$('.overlay'),
isClosed=false;
触发器。单击(函数(){
汉堡包;
});
函数hamburger_cross(){
如果(isClosed==true){
overlay.hide();
trigger.removeClass('is-open');
trigger.addClass('is-closed');
isClosed=false;
}否则{
overlay.show();
trigger.removeClass('is-closed');
trigger.addClass('is-open');
isClosed=true;
}
}
$('[data toggle=“offcanvas”]')。单击(函数(){
$(“#包装器”).toggleClass('toggled');
});
});
将其更改为响应。数据
var refresh = function(){
$http.get('/eventlist/').then(function(response) {
$scope.eventlist = response.data;
$scope.event = null;
});
};