Angular - невозможно объединить значения на странице HTML

Question

В нашем Angular-проекте мы используем интерполяцию, как показано ниже, но нам также нужно использовать это интерполированное значение в свойстве [state].Но нам пока не удалось.Есть идеи?

Если мы установим значения id, как показано ниже, проблем не будет.

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

Но мы не можем получить динамически, получая row.TicketId (он получается как label в {{row.TicketId}}), но не может объединяться с параметром id.

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

Answer 1

Скобки в [state]="..." говорят Angular вычислить выражение шаблона, поэтому вы не можете использовать там интерполяцию.Итак, как я сказал в комментарии, это должно быть:

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

Answer 2

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