Angular routerLink 异步状态数据

Question

如何将异步数据传递到 routerLink 中的 [state]？

本例中的用户是异步加载的。

编辑： 如果我在获取数据之前加载视图，这将不起作用。 见代码： https://stackblitz.com/edit/angular-router-basic-example-df6q16?file=src/app/app.component.ts

<a routerLinkActive="active" routerLink="/home" [state]="users">Home</a> 

Answer 1

在路由器中切换到@input而不是[state]。

关键是在路由器插座上使用“激活”事件。

app.component.html：

 (activate)="onChildLoaded($event)"

app.component.ts：

 onChildLoaded(component: any) {
    if (component instanceof HomeViewComponent) {
      component.users = this.users;
    }
  }

查看解决方案

https://stackblitz.com/edit/angular-router-basic-example-854jta?file=src/app/views/home/home.component.ts