用车把中的空格替换

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 " " "&nbsp;"</button></td>

<td><button onclick=init('goal')>#replace "&nbsp;" " "goal/replace</button></td>

但是,它们似乎不起作用。请给我建议。

【问题讨论】:

为什么要这样做,浏览器已经可以渲染  作为一个空间 @AntonyD'Andrea,正是我所希望的。但是我页面的 html 显示  。假设我的 goalSetValues 数组中的一个值是 Hello World,它在 html 页面上显示为 Hello World。出于这个原因,我正在寻找替换  带空格 尝试三重 brackets 输出原始数据 @AntonyD'Andrea,看起来可行,应该尝试更多场景并做出回应。 太好了,我会将我的评论转移到答案中 【参考方案1】:

使用三方括号: 输出为原始 HTML。

那么&amp;nbsp;会被浏览器自动渲染为空白。

例如

<td><button onclick=init('goal')>goal</button></td>

【讨论】:

【参考方案2】:

您可以解析您的goalSetValues 数组,以便将字符串中的 "&nbsp ;" 替换为实际的不间断空格。

var string = "Hello&nbsp;World"; var nbsp = String.fromCharCode(parseInt("00A0", 16)); string = string.replace("&nbsp;", nbsp);

这将使字符串“Hello World”,但您看到的空间实际上是一个非中断空间。

【讨论】:

感谢您的回复。但是,我的 html 转换为 。我无法在 onclick 时使用带有空格的参数调用 init 函数。这就是问题的症结所在,我试图通过用   替换空格来解决它,所以它是一个没有空格的单个字符串。如果有的话,请提出更好的替代方法。 好的。但是您需要了解普通空格和非中断空格之间的区别。两者看起来相同,但行为不同。例如,如果我有一个普通的“Hello World”,其中有一个普通的空格,并且使用上面的代码得到的输出看起来是一样的,但不是。如果我在上面执行 string.split(" ") ,即使那样我仍然会得到“Hello World”,因为你在一个普通的空格上分割,但实际上你有一个非中断空间。所以通过稍微调整你的逻辑,我认为这对你来说不会有太大的改变。 第 1/2 部分:@Behram,我想我不太明白。我的后端 API 有一个带有空格的值,我需要传递给前端。该值需要创建一个同名的带有空格的按钮,并且还需要在单击时调用一个具有相同名称的带有空格的函数。我可以显示空格,但是当我尝试调用 onclick 函数时,它会中断,因为它不允许空格作为参数的一部分。我的想法是用   替换后端 api 中的空间并传递,希望 html 将显示为空白,然后我得到 第 2/2 部分:在我的 onclick 函数中传递一个没有任何空格的值,因为我已将空格替换为  如果需要,我可以将它替换回我的函数中。你建议我该怎么做?好像和我想的不一样

以上是关于用车把中的空格替换的主要内容,如果未能解决你的问题,请参考以下文章

用下划线替换 URL 中的空格

用 JavaScript 字符串中的单个空格替换多个空格

编写一个方法,用 '%20' 替换字符串中的所有空格

用单个空格替换字符串中的多间距 - Python [重复]

如何替换掉字符串里的空格?

php用一个空格替换多个空格[重复]