Angular - Cannot concatenate values in HTML page

Question

In our Angular project, we use interpolation as shown below, but we also need to use this interpolated value in the [state] property. But we haev not managed so far. Any idea?

If we set id values as shown below, there is no problem.

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

But we cannot get dynamically by obtaining row.TicketId (it is obtained as label in {{row.TicketId}}) but cannot concatenate with id parameter.

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

Did you tried [state]="{ id: row.TicketId }"?

Patryk Uszyński
– Patryk Uszyński

2019-04-12 12:05:00 +00:00
Commented Apr 12, 2019 at 12:05 — Patryk Uszyński
– Patryk Uszyński, Commented Apr 12, 2019 at 12:05
@PatrykUszyński put it as an answer

mxr7350
– mxr7350

2019-04-12 12:09:43 +00:00
Commented Apr 12, 2019 at 12:09 — mxr7350
– mxr7350, Commented Apr 12, 2019 at 12:09

Patryk Uszyński · Accepted Answer · 2019-04-12 13:26:44Z

2

The brackets in [state]="..." tell Angular to evaluate the template expression, so you cant use interpolation there. So, as I said in comment it should be:

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

answered Apr 12, 2019 at 13:26

Patryk Uszyński

1,1211 gold badge13 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dileepkumar jami · Accepted Answer · 2019-04-12 12:17:06Z

0

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

answered Apr 12, 2019 at 12:17

dileepkumar jami

2,26516 silver badges16 bronze badges

Collectives™ on Stack Overflow

Angular - Cannot concatenate values in HTML page

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related