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?

Martin Parenteau · Accepted Answer · 2018-05-08 15:59:37Z

7

You can use the following syntax for property binding:

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

answered May 8, 2018 at 15:59

Martin Parenteau

74k13 gold badges137 silver badges158 bronze badges

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

2 Comments

Interpolation is not used for property binding since it is already implied.

@蒋建雨 - Feel free to mark the answer as accepted (with the green check mark) if it provides a solution to your question.