从我的 REST API 中,我传递了某些字符串,其中空格被空格替换。
当涉及到 Handlebars 组件时,我想在浏览器中显示之前将其替换为空格。
如何将字符串的一部分(在本例中为空格)替换为 Handlebars 内部的 。
这是我的代码
<html>
<head>
<table>
<thead>
</thead>
<tbody>
{{#goalSetValues}}
<td><button onclick=init('{{goal}}')>{{goal}}</button></td>
{{/goalSetValues}}
</tbody>
</table>
<script type="text/javascript">
function init (goalName) {
console.log('came inside the init function with goalName == ' + goalName)
}
</script>
</head>
</html>
我尝试了一些方法,
<td><button onclick=init('{{goal}}')>{{replace goal " " " "}}</button></td>
和
<td><button onclick=init('{{goal}}')>{{#replace " " " "}}{{goal}}{{/replace}}</button></td>
但是,它们似乎不起作用。请给我建议。
最佳答案
使用三重括号:{{{}}}
以原始 HTML 形式输出。
然后
将自动被浏览器渲染为空白。
例如
<td><button onclick=init('{{{goal}}}')>{{{goal}}}</button></td>
关于javascript - 用 Handlebars 中的空白替换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50362724/