You could use this (client-side): <script> var myVar = <%- JSON.stringify(myVar) %>; </script> You could also get EJS to render a .js file: app.get(‘/test.js’, function(req, res) { res.set(‘Content-Type’, ‘application/javascript’); res.render(‘testPage’, { myVar : … }); }); However, the template file (testPage) would still need to have the .html extension, otherwise EJS won’t find it (unless … Read more
Another way to test for a property is to reference it indirectly via the locals object. Using your example: var tpl=”<% if(locals.foo){ %>foo defined<% }else{ %>foo undefined<% } %>”; console.log(ejs.render(tpl, { locals: { bar: “baz”} }));
Your problem is not actually specific to ejs. 2 things to note here style.css is an external css file. So you dont need style tags inside that file. It should only contain the css. In your express app, you have to mention the public directory from which you are serving the static files. Like css/js/image … Read more
You could directly inject the gameState variable into javascript on the page. <% if (gameState) { %> <h2>I have a game state!</h2> <script> var clientGameState = <%= gameState %> </script> <% } %> Another option might be to make an AJAX call back to the server once the page has already loaded, return the gameState … Read more
I found another way of doing this, and I think it has some advantages. Don’t polute your code exporting filters. Access any method without the need to export them all. Better ejs usage (no | pipes). On your controller, or view.js do this: var moment = require(‘moment’); exports.index = function(req, res) { // send moment … Read more
I know this question has already been marked as answered, but I believe what you were looking for is the ‘partial’ syntax. In EJS, you can include the content from one view template in another like so: <html> <head></head> <body> Blah blah blah <%- partial(‘footer’) %> </body> </html>
JSON.stringify returns a String. So, for example: var data = [ { id: 1, name: “bob” }, { id: 2, name: “john” }, { id: 3, name: “jake” }, ]; JSON.stringify(data) will return the equivalent of: “[{\”id\”:1,\”name\”:\”bob\”},{\”id\”:2,\”name\”:\”john\”},{\”id\”:3,\”name\”:\”jake\”}]” as a String value. So when you have <% for(var i=0; i<JSON.stringify(data).length; i++) {%> what that ends up … Read more
Use this in your server.js file app.use(express.static(__dirname + ‘/public’)); and add css like <link rel=”stylesheet” type=”text/css” href=”https://stackoverflow.com/questions/24582338/css/style.css” /> dont need / before css like <link rel=”stylesheet” type=”text/css” href=”https://stackoverflow.com/css/style.css” />
After having a chance to study the Express 3 API Reference a bit more I discovered what I was looking for. Specifically the entries for app.locals and then a bit farther down res.locals held the answers I needed. I discovered for myself that the function app.locals takes an object and stores all of its properties … Read more
Oh that was easy, don’t use <%=, use <%- instead. For example: <%- JSON.stringify(user) %> The first one will render in HTML, the second one will render variables (as they are, eval)