Angular 如何在单个菜单项旁边显示号码通知

我有一个路由，根据您的权限有条件地显示菜单项

我想在其中一个路由旁边显示电子邮件通知，但是它们只是重复相同的

，那么我该如何准确地做到这一点呢

尝试了一些不同的*ngIf语句，但没有运气只显示在每个项目上

HTML:

---

我希望消息中心堆叠图标在可见时仅显示消息中心路线的下一个。

看起来您正在返回true，即使displayText不等于消息中心…是否正确？正确。这是一个多人项目，我不是一个正式的角度开发人员，只是一个做更多html/css的FED。对我来说，似乎我需要将html添加到

messageCenterEnabled

部分才能只显示在那里？我认为将此部分放入其中的开发人员只是作为故障保护来做的。对我来说，如果displayText不等于“messagecenter”，它应该返回false而不是true？还可以稍微清理一下，使其更具可读性

<ng-container *ngFor="let link of wcsdata.col4.links">
  <li *ngIf="checkUserPermissions(link.userPermissions) && checkIfGroupSelectionIsRequired(link.groupMustBeSelected) && checkIfSpecificGroup(link.displayText)">
  <a href="javascript:void(0)" [attr.data-analytics]="link.analytics? link.analytics:null" (click)="handleNavigation(link.route)"> {{link.displayText}}</a> <span class="fa-stack fa-lg message-center"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa-stack-1x text-primary fa-inverse">3</i> </span></li>
</ng-container>

  checkIfSpecificGroup(displayText) {
    if (displayText === 'Message Center') {
      if (this.userCacheService.getUserData('messageCenterEnabled')) {
        return true;
      } else { return false; }

    } else {
      return true;
    }
  }