Question

很抱歉，如果这很简单，但是无法解决这个问题...... 在我的Angular测试应用程序中，我试图在我的html模板中添加以下id：

<a href="https://www.domainname.com/?q="+{{text.id}}>URL</a>

这不是因为错误而失败（错误：无法执行＆＃39; setAttribute＆＃39; on＆＃39; Element＆＃39;）而且我不确定如何将{{text.id}}附加到此网址... 我是否需要在我的组件中执行此操作，还是可以在html模板中以某种方式完成？

顺便说一句。正如人们所期望的那样，这很好用（但这不是我想要做的，我需要将text.id附加到url）：

<a href="https://www.domainname.com/?q=">{{text.id}}</a>

有什么建议吗？

Answer 1

使用：

<a href="https://www.domainname.com/?q={{text.id}}">URL</a>

说明：

错误消息具有误导性。

当您使用{{ expression }}时，angular会评估expression并将其值放在{{}}所在的位置。因此，您不需要像+那样{{}}对字符串的结果进行<a href="something="+{{ expression }}> WRONG </a> <a href="something={{ expression }}"> RIGHT </a>。换句话说：

createElement()

Answer 2

或者，您可以使用以下语法：

[attr.href]="'https://www.domainname.com/?q=' + text.id"

当您想要绑定到像

这样的变量时，这可能是首选方法

url: string = 'https://www.domainname.com';

然后将被

约束

[attr.href]="url"

Answer 3

这对我有用（角度8-7-6-5）：

Angular 2 Binding：附加到Href

3 个答案: