使用express的nodejs应用程序中的JS文件中的EJS变量

Question

我有一个具有last_level 属性的user 对象 我在我的特快路线中通过它如下：

app.get('/game', (req, res) => {
    res.render('main.ejs', { user: req.user })
})

我想在我的 JS 脚本文件中访问它。

经过一番研究，我尝试了这个......

var x = <%- user.last_level %>  

但它不起作用（没有给我 last_level 的值以将其分配给变量 x）。请帮我解决这个问题。

这是我的全部功能 -

window.onload = function () {
    var x = <%- user.last_level %> 
    if (x === "Easy") {
        console.log("easy")
    } else if (x === "Hard") {
        console.log("hard")
    } else if (x === "Pro") {
        console.log("pro")
    }
    console.log(x)
};

Answer 1

字符串化你的变量并查看结果。在您的 ejs 模板中使用以下代码

 <script>
    window.onload = function () {
            var x =  <%- JSON.stringify(user.last_level) %>
            if (x === "Easy") {
                console.log("easy")
            } else if (x === "Hard") {
                console.log("hard")
            } else if (x === "Pro") {
                console.log("pro")
            }
            console.log(x)
        };
    </script>

替代解决方案是

 <script>
    window.onload = function () {
      <% if (user.last_level == 'Easy') { %>
        console.log("easy")
      <% } else if((user.last_level == 'Hard')  { %>
        console.log("hard")
      <% } else if(user.last_level == 'Pro')  { %>
        console.log("pro")
      <% } %>
    };
  </script>