在Angular 9中,可以使用路由的匿名参数来传递数据。以下是一个示例解决方法:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { MyComponent } from './my.component';
const routes: Routes = [
{ path: 'my-component/:id', component: MyComponent },
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-my',
templateUrl: './my.component.html',
styleUrls: ['./my.component.css']
})
export class MyComponent implements OnInit {
id: string;
constructor(private route: ActivatedRoute) { }
ngOnInit(): void {
this.id = this.route.snapshot.paramMap.get('id');
}
}
匿名参数: {{ id }}
这样,当你访问路径为/my-component/123
时,组件中的id
变量将被设置为123
。你可以根据自己的需求修改路由路径和组件中的变量名。