Angular 2 routerLink可选参数

时间:2018-02-02 17:40:42

标签: angular angular-router

我的标记中有以下内容:

<div *ngFor="let item of someArray; let i = index">
    <p [routerLink]="['profiles', profiles[i], 'posts', posts[i], 'likes', likes[i]]"</p>
</div>

在我的Angular组件中,我有以下数组:

profiles: any = []
posts: any = []
likes: any = []

有时我的&#34;个人资料&#34;数组可能有元素而不是我的其他数组。如果发生这种情况,那么路由将被破坏。我试过添加&#34;?&#34;标记为可选:

<p [routerLink]="['profiles', profiles[i]?, 'posts', posts[i]?, 'likes', likes[i]?]"</p>

这并不完全有效。

1 个答案:

答案 0 :(得分:2)

Angular支持三种不同的路由参数:

  • 必需
  • 可选
  • 查询

每种类型的语法略有不同,您必须使用正确的语法才能使每种类型正常工作。

有关详情,请参阅此帖子:Sending data with route.navigate in Angular 2