如何同时 res.json 和 res.render，将 mongo db 传递给 angularjs？

Question

我用的是express，自带jade模板引擎。 app.js

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

对于每个模板，我都需要 res.render 来渲染 html 标头，如果我不使用 res.render，模板/页面将不会显示。 routes/index.js

router.get('/', function(req, res, next) {
    res.render('index', { title: 'Bookshop' });
});

router.get('/data', function(req, res, next) {
    res.render('data', { title: 'Bookshop | Categories' });
});

router.get('/items', function(req, res, next) {
    res.render('items', { title: 'Bookshop | Items' });
});

在 app.js 中，我的 MongoDB 设置正确。

var mongojs = require('mongojs');
var db = mongojs('book', ['books']);

我要实现的是将 MongoDB 数据库传递给 angular，然后循环输入到玉文件中。 myscript.js

app.controller('appCtrl', function ($scope, $http) {
   $http.get('/data').then(function(res){
        console.log(res.data);
        $scope.books = res.data;
    });
});

data.jade 文件如下所示

p(ng-repeat="item in books")
    span {{item.name}}
    span {{item.barcode}}
    span {{item.price}}

现在我被困在如何将数据库传递给 myscript.js 上。我无法在 app.js

中这样做

router.get('/data', function(req, res, next) {
    var db = req.db;
     db.zero.find(function (err, docs) {
        res.json(docs)
    });
});

原因是使用了jade模板，需要使用res.render才能正确显示页面，但是如果我使用router.get('/data', function(req, res, next) { res.render('data', { title: 'Bookshop | Categories' }); });我无法通过数据库。

我了解我无法同时使用 res.render 和 res.json。有没有将数据库传递给角度的解决方案？还是我必须将玉转换为 html？我确定如果我使用 html 文件，我可以使用res.json

谢谢

Answer 1

希望它能正常工作并从 Angular JS 端捕获数据...在 Node JS 中，res 表示一种类型的 return，因此您不能在一个块中返回两次。

 router.get('/data', function(req, res, next) {
        var db = req.db;
        db.myCollection.find(function (err, docs) {


         if(err) {
            res.send(err);
           }
        else{

            res.send({ title: 'Data', 'mydata': docs }); 
        }
        });
    });

Answer 2

没有。 res.render() 呈现模板并将其发送给客户端。例如，使用 res.render() 时的响应 Content-Type 标头将是 text/html。但是res.json() 以json 格式向客户端发送数据，因此响应的Content-Type 标头将是application/json。

更新

您必须创建两条路线才能实现您想要的。第一条路线将呈现您的玉模板。为了在 Angular 控制器中以 JSON 格式从服务器检索数据，您需要使用另一个路由。例如：

router.get('/data', function(req, res, next) {
    res.render('data', { title: 'Bookshop | Categories' });
});

router.get('/data.json', function(req, res, next) {
    var db = req.db;
    db.myCollection.find(function (err, docs) {
        if(err) {
            // Handle error
        } else {
            res.json({title: 'Data', 'mydata': docs});
        }
    });
});

在 Angular 控制器中，您使用第二条路线，如下所示：

$http.get('/data.json').then(function(res) {
    console.log(res.data);
});