我在Angular2中有一个查询字符串参数
在我的app.route.ts中,我有以下配置
{
path: 'home/:code',
component: HomeComponent
},
并在初始化方法um的Home Component中尝试读取参数,如下所示
ngOnInit() {
/*************************************** */
var code = this._activatedRoute.snapshot.params['code'];
console.log(code)
}
但这会导致一个空值。这里可能出什么问题了?
首先,您需要在路径中传递它,而不是将其作为查询参数传递(例如http:// localhost:3000 / home / AQCW4xPL)。其次,您需要订阅可观察的路由参数。这样,如果它们改变了,您就可以重新加载数据,而不必重新加载整个路径/组件。另外,您不需要使用快照变量。如果参数随后发生变化,我认为您不会得到更新。
this._activatedRoute.params.subscribe(params => {
console.log(params['code']);
});
现在,如果您转到http:// localhost:3000 / home / AQCW4xPL,它应该可以工作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句