javascript - 无法从Angular2中的动态url获取参数

Question

我正在尝试在 URL 中创建一个名为“event”的路由，其中​​包含参数 event_id。

应用路由模块有这个

{ path: 'event/:event_id', component: EventComponent },

该组件尝试使用已激活路由从 url 获取 event_id。

import { ActivatedRoute, Params } from '@angular/router';
export class EventComponent implements OnInit {
  event: JSON;
  id: String;
  constructor(private route: ActivatedRoute) {
  }
  ngOnInit() {
    this.route.queryParams.subscribe(params => {
      console.log('that kind of madness can\'t be undone');
      console.log(params['event_id']); // checking result
    })
  }

console.log(params['event_id']) 结果是一个空对象。

Answer 1

:eventId不是查询参数，它属于路由参数，所以params在当前激活路由上检查 Observable。

this.route.params.subscribe(params => {
  console.log('that kind of madness can\'t be undone');
  console.log(params['event_id']); // checking result
})