将变量从 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>
<% } %>