angular - 无法获取事件路由参数

Question

已结束。此问题不符合 Stack Overflow guidelines .它目前不接受答案。

---

这个问题似乎与 help center 中定义的范围内的编程无关。 .

关闭 1 年前。

Improve this question

我无法获取事件路由参数。当我控制台日志时，我只是得到这个 .此演示代码 stackblitz

代码

constructor(private route: ActivatedRoute) {
    this.route.params.subscribe((v) => {
      // this.params = v;
      console.log(v);
    })
    
  }

}

routing.module

const routes: Routes = [
  {
    path: '',
    component: PageComponent
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})

Answer 1

这是因为 ActivatedRoute 的“参数” 仅适用于您的路由在路径上声明了实际参数时:

// So the parameter here is the ID
{ path: 'login/:id', component: HelloComponent },

您可以在路由中声明任何参数以及您喜欢的任何名称

{ path: 'login/:userId', component: HelloComponent },

or 

{ path: 'login/:userId/:role', component: HelloComponent },

---

如果你只想获取当前路径而不需要任何额外的参数，你可以这样实现:

@Component({...})
export class TestComponent implements OnInit {

    constructor(private router: Router) {}    // Use Router instead of ActivatedRoute

    ngOnInit() {
      console.log(this.router.url);           // Get current route
                                              // if the url is "http://example.com/login" it will console /login
    }
    
}