时间戳

首页 > 解决方案 > 显示/隐藏带角度的链接

angular - 显示/隐藏带角度的链接

问题描述

我有两个链接。如果portfolis.length === 0，我想显示链接

如果portfolis.length > 0”，则为另一个链接。

我这样尝试：

<p *ngIf="portfolios.length === 0" [attr.data-resource-key]="resourceKeys.dashboardUwPortfolio">
       <a>{{resources.dashboardUwPortfolio}}  </a>
       <a  [routerLink]="portfolioRoute" [attr.data-resource-key]="resourceKeys.portfolioDashboardAlleLink"> {{resources.portfolioDashboardAlleLink}}</a>
 </p>

所以这是一个链接：

[attr.data-resource-key]="resourceKeys.dashboardUwPortfolio">
       <a>{{resources.dashboardUwPortfolio}}

这是第二个链接：

<a  [routerLink]="portfolioRoute" [attr.data-resource-key]="resourceKeys.portfolioDashboardAlleLink"> {{resources.portfolioDashboardAlleLink}}</a>

但现在两个链接都可见。

谢谢

我有这样的：

 <p [routerLink]="portfolioRoute" [attr.data-resource-key]="resourceKeys.dashboardUwPortfolio">
        <a *ngIf="portfolios.length === 0">{{resources.dashboardUwPortfolio}}</a>
        <a  *ngIf="portfolios.length !== 0" [routerLink]="portfolioRoute" [attr.data-resource-key]="resourceKeys.portfolioDashboardAlleLink"> {{resources.portfolioDashboardAlleLink}}</a>
 </p>

标签： angular

解决方案

带有else附加和<ng-template>标签的条件可能是最干净的方法。你用这样的 else 定义一个条件：

<span *ngIf="portfolios.length === 0; else otherLink">
  {{resources.dashboardUwPortfolio}}
</span>

然后，您将<ng-template>带有锚点的部分添加到您的模板中otherLink。

<ng-template #otherLink>
  <span>
    <a [routerLink]="portfolioRoute" [attr.data-resource-key]="resourceKeys.portfolioDashboardAlleLink"> {{resources.portfolioDashboardAlleLink}}</a>
  </span>
</ng-template>

如果条件为真，则前者显示，否则显示后者。

推荐阅读