表达式中的Angular2连接字符串

我想在Angular2的表达式中加入字符串，但似乎无法这样做。（特别是在a标记的attr.href中

例如，假设我有一个由“/page/id”组成的url，该id存储在一个变量中

   <a [attr.href]="/page/{{id}}">link</a> 

这将不起作用，因为我们不能在表达式中使用{{}语法

我不确定如何在这里连接字符串。

您可以尝试以下方法：

<a [attr.href]="'/page/' + id">link</a>

---

因为在这种情况下，您不能使用插值（因为

[…]

）。Angular2将尝试计算表达式，您可以在此处使用以引号分隔的字符串值。

您也不能同时使用

[…]

和

{..}

 <a attr.href="/page/{{id}}">link</a> 

---

这就解决了问题，谢谢！我需要等几分钟才能接受这个正确答案：）哈哈，@Gunter和@Thierry的答案都太快了。除了答案，请参见此处关于何时使用

{{}

和

[]

属性绑定的说明，在这种情况下，您不需要

attr

。看看我的最新答案。是的，他们实际上速度惊人！嗯，毫无疑问@迪兰米厄斯

 <a [attr.href]="'/page/' + id">link</a> 

 <a href="/page/{{id}}">link</a>