Global Handlebars模板在流星中返回乱码的HTML

Question

我试图使用流星的车把帮助器来包含模板。 就像我的index.html看起来像

<body>
  {{> body}}
</body>

<template name="body">
  {{include "myTemplate" attr=value}}
</template>

为此，我创建了一个车把助手，如下所示

Handlebars.registerHelper('include', function(templateName, options) {
  return Template[templateName]({name: 'stackoverflow'});
});

myTemplate.html看起来像

<template name="myTemplate">
  Hello {{name}}
</template>

我在任何地方都没有{{> myTemplate}} 。 我的计划是动态注入/渲染它。

因此，当我运行项目时， {{include ...}}被替换为一些乱码的html，如下所示。

<$label:RjH4gQSmtStAKKaBv><$data:yBKwgoiiHFTKfMec2>
<$landmark:uRZQ3PShZEQwKngFG><$events:WW5fKkc6G5FYKzNrb>
<$watch:GQg4oHk9CyhMw97v4><$isolate:5gXzmhnr9ZCWtWjTB>Hello stackoverflow</$isolate:5gXzmhnr9ZCWtWjTB>
</$watch:GQg4oHk9CyhMw97v4></$events:WW5fKkc6G5FYKzNrb>
</$landmark:uRZQ3PShZEQwKngFG></$data:yBKwgoiiHFTKfMec2>
</$label:RjH4gQSmtStAKKaBv>

看起来与火花有关。 当我在开发控制台中运行Template.myTemplate({name: 'stackoverflow'})时，我得到正确的字符串'Hello stackoverflow' 。 我很困惑为什么在帮手内部使用时为什么会给出这些乱码？

Answer 1

如果要使用助手渲染模板，则需要告诉Meteor不要转义字符串。 如果转义，Spark将不会渲染。 这是一项有用的默认功能，它可以防止将任意代码注入到您的站点中，并且通常可以使呈现的内容清晰可见。

为此，您可以将其写在模板的三括号中

<template name="body">
  {{{include "myTemplate" attr=value}}}
</template>

或在助手中返回SafeString

Handlebars.registerHelper('include', function(templateName, options) {
  return new Handlebars.SafeString(Template[templateName]({name: 'stackoverflow'}));
});

在相关说明中， Meteor车把文档说明了一些助手名称被保留。 似乎其中不是include是其中之一，但是您应谨慎使用听起来像关键字的名称。

Global Handlebars模板在流星中返回乱码的HTML

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-01-30 23:40:58

Global Handlebars模板在流星中返回乱码的HTML

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-01-30 23:40:58

解决方案1
1 已采纳 2014-01-30 23:40:58