angular – 如何在锚点上有条件地使用[href]或[routerLink]？

发布时间：2020-12-17 10:20:54 所属栏目：安全来源：网络整理

导读：我需要在本地或外部资源有条件地指向相同的锚链接.我试过了 a [href]="outside?externalUrl:null" [routerLink]="outside?[]:['/route',id]" test/a 但它不起作用.我没有收到任何错误,但它指向同一本地页面并忽略外部URL.有任何想法吗？另一种选择是构建链

我需要在本地或外部资源有条件地指向相同的锚链接.我试过了

<a [href]="outside?externalUrl:null"  [routerLink]="outside?[]:['/route',id]" >test</a>

但它不起作用.我没有收到任何错误,但它指向同一本地页面并忽略外部URL.有任何想法吗？

另一种选择是构建链接,但我找不到任何文档如何访问服务中的routerLink

编辑：我知道我可以用* ngIf克隆整个链接,但我不想这样做,我的链接包含一个带有大量选项的视频标签

最简单的方法是使用* ngIf / else：

<ng-container *ngIf="outside; else internalBlock">
  <a [href]="externalUrl">External</a>
</ng-container>

<ng-template #internalBlock>
  <a [routerLink]="['/route',id]">Internal</a>
</ng-template>

编辑#1 :(丑陋的解决方法)

既然你不想使用* ngIf(我仍然不明白为什么),你可以这样做：

模板：

<a href="javascript:void(0)" (click)="handleClick(outside,'/route',id,externalUrl)">Link</a>

零件：

handleClick(outside: boolean,internalUrl: string,internalId: string,externalUrl: string): void {
  if (outside) {
    window.location.href = externalUrl;
    // You can also use Location class of Angular
  } else {
    this.router.navigate([`${internalUrl}/${internalId}`]);
  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!