将 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)
   .....

这没有意义，因为正如我所说的代码运行s fine.And 如果我运行它没有添加第二个 res.render('user_info.ejs) 我收到没有错误。

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

Answer 1

这是一个非常简单的示例，说明如何使用 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>
<% } %>

Answer 2

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');

否则不行

将 javascript 中的变量传递给 ejs

Pass a variable from javascript to ejs

javascript

ejs

node.js

express