用车把中的空格替换
Posted
技术标签:
【中文标题】用车把中的空格替换【英文标题】:Replacing with white space in handlebars 【发布时间】:2018-10-26 00:38:20 【问题描述】:从我的 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>
但是,它们似乎不起作用。请给我建议。
【问题讨论】:
为什么要这样做,浏览器已经可以渲染 作为一个空间 @AntonyD'Andrea,正是我所希望的。但是我页面的 html 显示 。假设我的 goalSetValues 数组中的一个值是 Hello World,它在 html 页面上显示为 Hello World。出于这个原因,我正在寻找替换 带空格 尝试三重 brackets 输出原始数据 @AntonyD'Andrea,看起来可行,应该尝试更多场景并做出回应。 太好了,我会将我的评论转移到答案中 【参考方案1】:使用三方括号: 输出为原始 HTML。
那么&nbsp;
会被浏览器自动渲染为空白。
例如
<td><button onclick=init('goal')>goal</button></td>
【讨论】:
【参考方案2】:您可以解析您的goalSetValues 数组,以便将字符串中的 "  ;" 替换为实际的不间断空格。
var string = "Hello World";
var nbsp = String.fromCharCode(parseInt("00A0", 16));
string = string.replace(" ", nbsp);
这将使字符串“Hello World”,但您看到的空间实际上是一个非中断空间。
【讨论】:
感谢您的回复。但是,我的 html 转换为以上是关于用车把中的空格替换的主要内容,如果未能解决你的问题,请参考以下文章