Underscorejs消除了对逻辑部分

Question

不需要的空格我有具有如果/其他条件

一个下划线模板

问题：

下划线插入不需要的空格为逻辑部分。 生成的HTML的结果，当其他条件被满足是

<a>NAME</a> 


<a class="name" href="/kkk/213">kkkkkkkk</a>Sir 

但我想的

<a>NAME</a><a class="name" href="/kkk/213">kkkkkkkk</a>Sir 

输出I要移除的换行/空间正被插入到模板中。 ...

有没有解决方案来做到这一点？

Answer 1

下划线的_.template不对空格做任何事情，所以你必须在你的模板中安排空白符合你需要的输出。事情是这样的：

<a>NAME</a><% if(some_condition) { %> yours <% } else { %> <a class="name" href="/kkk/<%- ID %>"><%= NAME %></a> <% }%> 

演示（在控制台的样子）：http://jsfiddle.net/ambiguous/gbx3M/

还是更具可读性：

<a>NAME</a><% 
if(some_condition) { 
    %> yours <% 
} else { 
    %> <a class="name" href="/kkk/<%- ID %>"><%= NAME %></a> <% 
} %> 

演示（凝视你的控制台）：http://jsfiddle.net/ambiguous/xuxLQ/

如果你真的不需要标签之间的空间，那么我认为你坚持这一点：

<% if(some_condition) { 
    %><a>NAME</a>yours<% 
} else { 
    %><a>NAME<a class="name" href="/kkk/<%- ID %>"><%= NAME %></a><% 
} %> 

和手动剥离前/后空白：http://jsfiddle.net/ambiguous/LN7eU/

另一种选择是使用CSS浮起并使得空白变得无关紧要的元件进行定位。

如果这些选项都不够好，那么Underscore的（有意）简单和最小的模板可能不适合你。

Answer 2

我还发现，通过调整Underscore用于评估JavaScript代码的正则表达式，您可以摆脱此不需要的空白。 https://github.com/ZeeAgency/requirejs-tpl 你可以找到我的版本在这里：

_.templateSettings.evaluate = /(?:\n\s*<%|<%)([\s\S]+?)%>/g 

Answer 3

我用tpl.js的分支版本得手它https://github.com/GuillaumeCisco/requirejs-tpl/

基本上我添加.replace(/\s\s+/g, '')当我收到的数据，让我修剪空间标签之间默认。