Angular 2 routerLink可选参数

Question

我的标记中有以下内容：

<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>

这并不完全有效。

Answer 1

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

• 必需
• 可选
• 查询

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

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