Html 编码AngularJS表达式

Html 编码AngularJS表达式,html,angularjs,Html,Angularjs,简介: 我有一个表情 {{track.title}} 它包含一个单词或多个单词。 即xyz或xyz abc 然后在URL中使用此轨迹。标题 http://www.example.com/{{ track.title }} 问题: 此url在曲目中有一个单词时工作正常。标题,但它将被多个单词打断 所以,我想知道有没有办法对url进行编码,这样它在共享时就不会中断 任何直接的帮助都是非常值得的。谢谢您需要设法避开标题中的空格 为了便于阅读,您可以使用连字符或下划线代替类似xyz%20abcxyz

简介:

我有一个表情

{{track.title}}

它包含一个单词或多个单词。
xyz
xyz abc

然后在URL中使用此
轨迹。标题

http://www.example.com/{{ track.title }}
问题:

此url在
曲目中有一个单词时工作正常。标题
,但它将被多个单词打断

所以,我想知道有没有办法对url进行编码,这样它在共享时就不会中断


任何直接的帮助都是非常值得的。谢谢

您需要设法避开标题中的空格

为了便于阅读,您可以使用连字符或下划线代替类似
xyz%20abc
<代码>xyz abc
xyz_abc

由于您仍然希望页面上显示的标题不被转义,因此可能需要创建一个新变量来保存转义版本


track.url=track.title.replace(“,-”)

就我个人而言,我更喜欢创建一个slug,删除空格和不符合url的字符,并替换为
-
。让它更人性化readable@charlietfl我也会这么做,使用slug是最好的方法。这对于url来说还不够彻底,只会替换第一个实例。我想你可以在拉入数据时应用
replace
,对于每个轨迹对象,添加通过清除标题生成的
url
属性。我本可以在我的回答中更好地澄清这一点。至于连字符消毒不够,这是为什么?什么是更好的清理方案?只是意味着还有其他不符合要求的url字符,并且
replace
在没有修改器的情况下不是全局的