路由组件是否可以有输入？

Question

假设我们有这个组件：

class MyComp {
  @Input() name!: string;
  constructor(){}
}

这条路线定义：

{ path: 'path', component: MyComp }

如何为 MyComp 实例提供名称输入？

Answer 1

如果您想将数据传递给路由组件，您可以通过路由自定义数据来实现：

{ path: 'path', component: MyComp, data: {name: 'myName'}}

然后从 ActivatedRoute

中检索它

constructor(private activatedRoute: ActivatedRoute) {}

ngOnInit() {
  this.activatedRoute.data.subscribe(data => {
      this.name=data.name;
  })
}