javascript - 如何在服务器和浏览器上同时使用下划线 js 模板

Question

我正在尝试在服务器和浏览器上都使用下划线模板，但浏览器端不起作用。

呈现页面时，我在服务器端使用 _.templates，默认模板分隔符 <% %>

我也尝试在浏览器端使用它们，在这种情况下更改模板分隔符

这是代码：

_.templateSettings = { //use mustache style on browser
              interpolate : /\{\{(.+?)\}\}/g
            };

var compile=_.template($('#friend_row').html());
var result=compile({hello: 'hello world'});

在 html 正文中，我定义了以下模板：

<script id="friend_row" type="text/template">
{{=hello}}
</script>

这会产生错误：

SyntaxError：语法错误[中断此错误]

(( _t =(=hello))==null?'': _t)+

underscore-min.js（第 4 行，第 7 列）

Answer 1

{{=hello}}是一个无效的表达式。大括号内的内容必须是有效的 javascript 表达式，但事实并非如此。你想要的只是{{hello}}.