在Angular 7中,可以使用路由守卫来获取传递的数据。下面是一个解决方法的示例代码:
data
属性传递数据:const routes: Routes = [
{
path: 'example',
component: ExampleComponent,
data: { message: 'Hello World' }
}
];
ActivatedRoute
来获取传递的数据:import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
message: string;
constructor(private route: ActivatedRoute) { }
ngOnInit() {
this.message = this.route.snapshot.data.message;
}
}
在上面的示例中,我们使用ActivatedRoute
来注入当前路由的信息,并使用snapshot.data
来获取传递的数据。然后,我们可以在组件的模板中使用message
变量来显示传递的数据。
这样,当路由到/example
时,组件将会获取到传递的数据并显示在页面上。