Javascript Angular Insert variable in data-target as id

Question

I am using Angular4 and I have some data value that I want to insert dynamically as an id in data-target.

What I do this is works fine:

<a href="#" data-toggle="modal" data-target="#myid">Edit</a>

But when I do this:

<a href="#" data-toggle="modal" data-target="#{{item.id}}">Edit</a>

For some reason the line above is converting to this:

<a href="#" data-toggle="modal" target="#{{item.id}}">Edit</a>

So, no longer data target by turns to target.

Why? and how can I fix this?

Answer 1

您可以尝试使用角度属性绑定而不是插值：

<a href="#" data-toggle="modal" [attr.data-target]="'#' + item.id">Edit</a>