代码之家 › 专栏 › 技术社区 › ranjit redekar

如何将带有其值的条件片段添加到Angular5中的anchorHTML标记中

angular-directive angular

1

ranjit redekar · 技术社区 · 7 年前

我正在从服务加载菜单,需要有条件地将片段添加到锚定。这里的问题是fragment add用于空值,而不希望在url中添加用于空片段。

请参见以下导航栏组件的HTML代码。

<ul class="nav navbar-nav">
    <li *ngFor="let menu of menus">
       <a [routerLink]="menu.menuUrl" [title]="menu.name" here need to add fragment with it's value if menu.fragment present>
          <span>{{menu.name}}</span>
       </a>
    </li>
</ul>

1 回复 | 直到 7 年前

1

JEY 7 年前

<ul class="nav navbar-nav">
  <li *ngFor="let menu of menus" [ngSwitch]="menu.fragment !== undefined">
    <a *ngSwitchCase="true" [fragment]="menu.fragment" [routerLink]="menu.menuUrl" [title]="menu.name">
      <span>{{menu.name}}</span>
    </a>
    <a *ngSwitchDefault [routerLink]="menu.menuUrl" [title]="menu.name" >
      <span>{{menu.name}} no frag</span>
    </a>
  </li>
</ul>

您可以找到一个运行示例 https://stackblitz.com/edit/angular-fxp2dx