HandlebarsJS如何拆分字符串

Question

我需要拆分一个以JSON格式传递的字符串。

以下是我的JSON输出：

"title" : "Rihanna - Pon de replay"

我需要将它展示成这样：

而我需要像这样显示它

。

PON DE REPLAY
Rihanna

现在我的Handlebars模板看起来像这样：

<div>
  {{#each this}}
    <p>{{title}}</p>
  {{/each}}
</div>

有没有人能帮我一下？我真的很感激！提前感谢...

- SHT

Answer 1

你需要为此创建一个辅助程序。

Handlebars.registerHelper('splitTitle', function(title) {
  var t = title.split(" - ");
  return t[1] + " <br/> " + t[0];
});

模板应该像这样：

<div>
  {{#each this}}
    <p>{{splitTitle title}}</p>
  {{/each}}
</div>

编辑：要呈现HTML输出，请使用三重花括号{{{splitTitle title}}}

<div>
  {{#each this}}
    <p>{{{splitTitle title}}}</p>
  {{/each}}
</div>

- msapkal

---

如果helpers（辅助函数）返回的HTML内容如下：new Handlebars.SafeString(t[1] + " <br/> " + t[0])，最好使用安全字符串（safe string）。 - wizzardz

太好了，谢谢！能否检查更多的特殊字符？比如添加if条件？例如逗号、句号等。 - SHT