如何在angular路由之间传递一些额外的动态数据？

const routes: Routes = [
  { path: 'home', component: HomeComponent, data: { foo: 'bar' } },
  { path: 'about', component: AboutComponent, data: { baz: 'qux' } }
];

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.route.data.subscribe(data => {
    // 可以访问传递的数据
    console.log(data); // 输出 { foo: 'bar' } 或 { baz: 'qux' }
  });
}

<a [routerLink]="['/home']" [state]="{ foo: 'bar' }">Home</a>