If Else 語法顯示 HTML 上的數據

Question

我正在嘗試在圖像上傳遞替代文本值，這是代碼：

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

對於alt屬性，如果值為空，我希望它有一個默認的替代文本。 請建議使用 if else 語句顯示數據的正確語法是什么。

Answer 1

您應該使用邏輯或而不是按位或

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

如果document可能undefined ，您還可以使用可選鏈接 ( ?. )

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