Angular устанавливает ширину img равной нулю

Question

Я хочу вставить изображение в шаблон Angular, ширина атрибута равна переменной width, которая в некоторых ситуациях имеет значение null.

в любом случае я хочу установить width = "" в данном случае (или удалите этот атрибут), но Angular устанавливает нулевую ширину width = "0", что приводит к исчезновению изображения.

этот код:

< img src="..." width ="{{ null + ''}}" />

отображается как:

<img  src="..." width = "0" />

обратите внимание, что значение null получено из переменной, для которой установлено null динамически, то есть:

this.width = null;

<img src="..." width = "{{width}}" />

Я не хочу чтобы заменить атрибут width на style="{width:...}", но я могу удалить этот атрибут, если он не имеет значения.

Answer 1

Я решил это, используя atrr.width вместо width.

<!-- this will remove the attribute width -->
<img [attr.width]="null" />

<!-- this will set the attribute width to 250px -->
<img [attr.width]="250" />