Angular – operations on html with directives?

<ul class="added-elements">
      {{
        <li *ngFor="let element of addedElements">{{element.amount}} {{element.title}}</li>
        ??
        "No element added yet"
      }}
</ul>

Is this possible in some way?

I want to check if any li element is made, if not write "No element added yet"

>Solution :

Wrap your message in an element, and only show it if there are no elements, so

<li *ngIf="addedElements.length == 0">No elems yet"</li>