URLからIDを取得したい
http://localhost:4200/courses/5a0eb3d7f6b50c2589c34e57だから私の app.module.ts にはそのようなルートがあります
{path:'courses/:id', component:CourseComponent, canActivate:[AuthGuard]}そして私の course.component.ts には、次のコードがあります。
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-course',
templateUrl: './course.component.html',
styleUrls: ['./course.component.css']
})
export class CourseComponent implements OnInit {
id: String;
constructor(private route: ActivatedRoute) { }
ngOnInit() {
this.id = this.route.snapshot.queryParams["id"];
console.log(this.id)
}
}
実際、私の開発者コンソールでは、次のよう に表示されます。console.log(params) を実行しようとすると、次のようになります。