html - Display "no comments" if there is no value in a section

Question

I have a component with a form where the user can upload a package and leave comments, but I can't make it display some value if there is no comment from the user.

<div class="sub-title">Submitter comments</div>
<span *ngIf="getLastSubmitterComment(packageToReview) as comment">{{ comment }}</span>
<div class="sub-title">Reviewer comments</div>

I want to display e.g "No comments" when this form is sent for approval.

question from:https://stackoverflow.com/questions/66064008/display-no-comments-if-there-is-no-value-in-a-section

Answer 1

you can use Angular structural directives in order to show/hide an element in your application

NgIf, NgFor, and NgSwitch

you can also use the ternary operator as well:

<span> {{ comment.length ? comment : 'comment is not available' }} </span>