angular ngif指令

还是用topbar演示 ngif的使用 上代码

<ul>
  <li *ngFor="let menu of menus; let i = index">
    <a href="#" [class.active]="i === selectedIndex" (click)="handleSelection(i)">
      {{ menu.title }}
    </a>
    <span class="indicator" *ngIf="i === selectedIndex else otherDisplay"></span>
    <ng-template #otherDisplay>
      未选中
    </ng-template>
  </li>
</ul>

如果选中下横线，如果未选中 显示未选中 效果如下