将变量从javascript传递给ejs

Question

我想使用在javascript文件中声明的变量到ejs文件.

JavaScript的:

var express = require('express');
var app = express();

var myVar = 1;

在ejs文件中,我想在几个if语句中使用该变量,我必须再次声明它才能使用它.

ejs文件:

var myVar = 1;
if ( my Var ) ....

我怎么能避免这种情况？或者有没有办法创建一个可以从javascript和ejs访问的配置文件？

我也试过用:

app.locals.myVar = 1

但它在ejs文件中未定义.

-------更新--------------------------

在我的代码我正在使用:

app.get('/', function (req, res) {
    res.render('index', { user : req.user, message: [] });

});

使用app.locals后:

app.get('/', function (req, res) {

   res.render('index', { user : req.user, message: [] });
   res.render('user_info.ejs');

});

即使代码运行正常,我收到:

ReferenceError: ....user_info.ejs:18

 >> 18|            height:60px;


user is not defined
    at eval (eval at <anonymous> (...node_modules/ejs/lib/ejs.js:464:12), <anonymous>:20:12)

    at returnedFn (...node_modules/ejs/lib/ejs.js:493:17)
    at View.exports.renderFile [as engine] (.../node_modules/ejs/lib/ejs.js:350:31)
   .....

因为我说代码运行正常.如果我运行它没有添加第二个res.render('user_info.ejs)我没有收到任何错误.

那么,我可以有两个res.render语句吗？

Answer 1

这种app.locals.myVar方法应该有效,所以必须要阻碍某些方法.但是您可以app.locals.myVar完全避免使用并将变量直接传递给您的视图:

var express = require('express');
var app = express();

app.get('/', function(req, res) {
    var myVar = 1;
    res.render('testPage', { myVar : myVar });
});

该myVar变量现在应该可用于"testPage"ejs文件.你可以在里面做:

<%= myVar %>

并看到它输出"1".

最后,确保已将视图引擎设置为ejs:

app.set('view engine', 'ejs');

否则它将无法工作.

Answer 2

这是一个非常简单的示例，说明如何app.locals用于将变量公开给（EJS）模板：

// app.js
var express = require('express');
var app     = express();
var server  = app.listen(3000);

app.locals.myVar = 1;

app.get('/', function(req, res) {
  res.render('index.ejs');
});

// views/index.ejs
<% if (myVar) { %>
  <h1>myVar is here!</h1>
<% } else { %>
  <h1>Boohiss no myVar!</h1>
<% } %>