If Else在HTML上显示数据的语法

Question

我试图传递图像上的alt文本值，下面是代码:

<img *ngIf="document.story_image_1 " [src]="document.story_image_1 " class="image-1" alt="{{document.image_alttxt | 'default alt text'}}"  />

对于alt属性，如果值为空，我希望它具有默认的alt文本。请建议使用if else语句显示数据的正确语法。

Answer 1

应该使用逻辑或，而不是位或

alt="{{document.image_alttxt || 'default alt text'}}"

如果document可以是undefined，您也可以使用可选链(?.)

alt="{{document?.image_alttxt || 'default alt text'}}"