如何在angular2中获取id查询参数

Question

本地主机：4200 /应用/ 2

这里是app-appComponent。 2-id，它具有动态性。

这里我们想要从url动态获取id ...

如何在引导应用程序时直接从url获取应用程序组件中的参数值...

赞赏这个问题的答案。

Answer 1

在你身上object[]你需要做这些事情。 首先导入ngOnInit并将其注入组件

ActivatedRoute

使用此参数做任何你想做的事。

如果我们只需要在 constructor(private route: ActivatedRoute) {} ngOnInit() { this.route.params.subscribe((params: Params) => { const prodId = params['id']; } }

中使用此代码段，我们就需要它

ngOnInit

Answer 2

通过从主应用程序组件中定义的路径传递params来使用angular/router组件。

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

export class AboutComponent implements OnInit {

  constructor(private route: ActivatedRoute) { 
    this.route.params.subscribe(res => console.log(res.id)); // res.id where id is the name of the route parameter declared in app component routing section
  }

  ngOnInit() {
  }

}