How to use property binding with a string in Angular?

Question

Using interpolation to set a property works with this code:

This work for me.
<span *ngFor="let car of Car; let i = index;" >
<img src="car/{{car.id}}">
</span>

but it does not work using property binding like this:

<span *ngFor="let car of Car; let i = index;" >
<img [src]="car/car.id">
</span>

What should I do?

Answer 1

You can use the following syntax for property binding:

[src]="'car/' + car.id"