javascript - 下划线意外标记 <

Question

这是我的代码。

<script type="text/javascript" id="styles_section">
        <select>
            <%_.each(colorOption, function(color){ %>
            <option><%= color.get("color_name") %></option>
            <% }); %>
        </select>
    </script>

我似乎找不到我的代码有什么问题。

编辑:

这里是请求的json代码。

var myColors = [{ color_name: 'white', color_code: '#ffffff'},
                {color_name: 'black', color_code: '#000000'}];

这是 Backbone 部分。

var colorOption = new Backbone.Collection(myColors);

    var colors = new SelectColorView({
        model: colorOption,
    });

Answer 1

Script 标签也用于微型模板。对于微模板，脚本标签type不应该是text/javascript。

对于微模板，script标签如下

 <script type="text/template"></script>

通过将类型设置为“文本/模板”，它不是浏览器可以理解的脚本，因此浏览器将忽略它。这允许您在其中放置任何内容，稍后可以将其提取并由模板库使用以生成 HTML 片段。