Angular - 无法连接 HTML 页面中的值答案

【问题标题】：Angular - Cannot concatenate values in HTML pageAngular - 无法连接 HTML 页面中的值
【发布时间】：2019-09-03 04:40:45
【问题描述】：

在我们的 Angular 项目中，我们使用如下所示的插值，但我们还需要在 [state] 属性中使用这个插值。但到目前为止，我们还没有成功。有什么想法吗？

如果我们如下设置id值，就没有问题了。

<a routerLink="/ticket/details/" [state]="{ id: '5' }" >{{row.TicketId}}</a>

但是我们不能通过获取row.TicketId来动态获取（在{{row.TicketId}}中作为label获取）但是不能和id参数拼接。

<a routerLink="/ticket/details/" [state]="{ id: {{row.TicketId}} }" >{{row.TicketId}}</a>

【问题讨论】：

【解决方案1】：

[state]="..." 中的括号告诉 Angular 评估模板表达式，所以你不能在那里使用插值。所以，正如我在评论中所说，它应该是：

[state]="{ id: row.TicketId }"

【讨论】：

【解决方案2】：

Try  [state]="{ id: row.TicketId }"

【讨论】：