这是我的APi,用于将产品添加到购物车中。我正在使用全局变量,我已经在Node中完成此操作,下面是我的HTML代码,以了解如何在视图中呈现它,我正在使用.EJS作为模板
但是我遇到的问题是如何在Angular中以这种方式呈现它
router.get('/add/:product',function(req,res){
var slug=req.params.product;
models.Product.findOne({
where:{slug:slug}
})
.then(function(p){
if(typeof req.session.cart=="undefined"){
req.session.cart=[];
req.session.cart.push({
title:slug,
qty:1,
price:parseFloat(p.price).toFixed(2),
image:'/product_images/'+p.id+'/'+p.images
})
}else {
var cart = req.session.cart;
var newItem = true;
for (var i = 0; i < cart.length; i++) {
if (cart[i].title == slug) {
cart[i].qty++;
newItem = false;
break;
}
}
if (newItem) {
cart.push({
title: slug,
qty: 1,
price: parseFloat(p.price).toFixed(2),
image: '/product_images/' + p.id + '/' + p.images
});
}
}
res.json(req.session.cart);
// req.flash('success', 'Product added!');
// res.redirect('/products');
});
});
在Node中,我以这种方式渲染
<a href="/cart/checkout">My Cart(
<% if(typeof cart!=="undefined"){ %>
<%= cart.length %>
<% } else {%>
0
<% } %>
)
这是我从矿车Api获得的res.json,它工作正常