Угловой <img>условный

Question

Я новичок в угловой, поэтому, пожалуйста, будьте полны.

У меня есть этот HTML-код:

    <div><img src="assets/images/red_no.png"/></div>

Я хочу выбрать src в зависимости от переменной, которая является истинной или ложной.Я пробовал ng-src, но не могу заставить его работать.Также * ngIf, но я не могу правильно обработать шаблоны.

Спасибо за ваши ответы

Answer 1

в вашем html:

<img [src]="this.showImage()">

в вашем .ts:

showImage(){
return statement ? 'assets/images/red_no' : '';
}

Answer 2

используйте ternary operator как показано ниже:

<img [src]="variable? 'assets/images/red_no.png' : 'assets/images/another.png'" />

Answer 3

Вы можете добавить условие в свой атрибут примерно так

<div><img [attr.src]="[true? 'assets/images/red_no.png' : '']"/></div>