underscore.js模板变量名称正在逃脱，导致其未被渲染

发布于 2025-02-03 09:24:07 字数 858 浏览 2 评论 0原文

我正在使用with inscore.js（backbone.js app）使用渲染模板。我遇到了以下问题，当我尝试获取模板字符串（使用.html（），.text（））时，我试图渲染的变量名的一部分被逃脱了：

html file：html file：

        <script type="text/template" id="tpl-note-item">
            <h1> 
                <%= noteTitle %>
            </h1>
        </script>

。

        var htmlString = $("#tpl-note-item").html();


        //   <h1> 
        //        &lt;%= noteTitle %>
        //    </h1>
        //
        console.log(htmlString); 

        var template = _.template(htmlString);

        html += template({ 
            noteTitle: note.get("title")
        });
        . . .

代码>＆lt;％= notetitle％＆gt; 而不是从呼叫到note.get（“ title”）中实际替换变量值。

这似乎是模板的相当基本的用例，所以我肯定我缺少一些东西。任何帮助都将不胜感激。谢谢！

原文

I am playing around with rendering templates using with Underscore.js (Backbone.js app). I'm running into the following issue, where a part of the variable name in the template I am trying to render gets escaped when I try and obtain the template string (using .html(), .text()):

HTML file:

        <script type="text/template" id="tpl-note-item">
            <h1> 
                <%= noteTitle %>
            </h1>
        </script>

.js:

        var htmlString = $("#tpl-note-item").html();


        //   <h1> 
        //        <%= noteTitle %>
        //    </h1>
        //
        console.log(htmlString); 

        var template = _.template(htmlString);

        html += template({ 
            noteTitle: note.get("title")
        });
        . . .

As a result of <%= noteTitle %> being escaped to <%= noteTitle %>, the template gets rendered as:

<%= noteTitle %>
instead of actually substituting in the variable value from the call to note.get("title").

This seems like a fairly basic use case of templates, so I am fairly sure I'm missing something. Any help would be much appreciated. Thanks!

分享到QQ

分享到微博