Node.js Express和EJS将对象传递到模板

Question

I'm passing object to my template and want to display object details in html.

app.get('/', function (req, res) {
    var user = req.session.passport.user;

    if ( user != 'undefined' ){
        res.render('pages/chat.ejs', {
            user_data: user // get the user out of session and pass to template
        });
    } else {
        res.render('pages/chat.ejs', {
            user_data: false
        });
    }
});

and in my pages/chat.ejs:

<% if (!user_data) { %>
            <div class="buttons pull-right clearfix">
                <span data-action="chatLogin" class="pull-right bordered button_blue button">Log in</span>
            </div>
            <% } else { %>
            <div class="buttons pull-right clearfix">
                <span data-action="addChatMessage" class="pull-right bordered button_red button">SEND</span>
                <span class="pull-right bordered button_blue button" id="user_name_details">
                    <% user_data.user_display_name %>
                </span>
            </div>
            <% } %>

but there is nothing in <% user_data.user_display_name %> so how to display object details in template?

Answer 1

Use <% = user_data.user_display_name %>

<% %> is used for marking control flow.. It does not output any data

<%= %> is used to output the data of the enclosed variable in the template

<%- %> is used to output the unescaped value of the variable in the template so that characters like < and > don't get eaten by the HTML parser.