How to write such a condition correctly (angular2)?

Question

JavaScript

There is data:

this.users = [{
name: 'username',
category: 'category'
}]

It is necessary to insert a certain image into the html code on the page, depending on the category of the user.

<div class="user" *ngFor="#user of users"><img src="img/icon.png" alt="">{{user.name}}</div>

The icon.png image needs to be replaced. Thank you.

Answer 1

I recommend adding the path to the icon at the data source level, or in the controller. This case can then be easily covered by tests, without the need to instantiate the UI element.

Answer 2

try[src]="user.category + '.png'"