If Else Syntax to Display Data on HTML

Question

I am trying to pass the alt text value on image and here's the code:

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

For the alt attribute, if the value is empty, I'd like it to have a default alt text. Please suggest what is the correct syntax to display data using if else statement.

Ramesh Reddy · Accepted Answer · 2021-08-24 00:16:29Z

1

You should use logical OR not bitwise OR

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

you can also use optional chaining (?.) if document could be undefined

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

answered Aug 24, 2021 at 0:16

Ramesh Reddy

10.7k3 gold badges22 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

If Else Syntax to Display Data on HTML

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related