从我的REST API中,我传递了某些字符串,其中空格被空格替换。
当谈到把手组件时,我想在浏览器中显示之前用空格替换它们。
如何在车把内部更换字符串的一部分,空白区域。
这是我的代码
<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>
但是,它们似乎不起作用。请告诉我。
答案 0 :(得分:2)
使用三个括号:{{{}}}
输出为原始HTML。
然后浏览器会自动将
渲染为空格。
E.g。
<td><button onclick=init('{{{goal}}}')>{{{goal}}}</button></td>
答案 1 :(得分:0)
您可以用这样的方式解析您的goalSetValues数组,以便用实际的非中断空格替换字符串中的&#34;&amp; nbsp;&#34; 。
var string = "Hello World";
var nbsp = String.fromCharCode(parseInt("00A0", 16));
string = string.replace(" ", nbsp);
这将使字符串&#34; Hello World&#34;但你看到的空间实际上是一个不间断的空间。