我需要在本地或外部资源有条件地指向相同的锚链接.我试过了
<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}`]); } }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。