Angular2无法读取查询字符串参数

二氧化碳

我在Angular2中有一个查询字符串参数

http:// localhost:3000 / home /?code = AQCW4xPL

在我的app.route.ts中,我有以下配置

 {
  path: 'home/:code',
  component: HomeComponent
 },

并在初始化方法um的Home Component中尝试读取参数,如下所示

    ngOnInit() {
    /*************************************** */

    var code = this._activatedRoute.snapshot.params['code'];
    console.log(code)
    }

但这会导致一个空值。这里可能出什么问题了?

Steveadoo

首先,您需要在路径中传递它,而不是将其作为查询参数传递(例如http:// localhost:3000 / home / AQCW4xPL)。其次,您需要订阅可观察的路由参数。这样,如果它们改变了,您就可以重新加载数据,而不必重新加载整个路径/组件。另外,您不需要使用快照变量。如果参数随后发生变化,我认为您不会得到更新。

this._activatedRoute.params.subscribe(params => {
    console.log(params['code']);
});

现在,如果您转到http:// localhost:3000 / home / AQCW4xPL,它应该可以工作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Angular 4防护中读取查询字符串参数?

使用 this.activeRoute.queryParams._value 访问 angular2 中的查询字符串参数

Angular2 / Typescript-默认查询字符串参数

“数字”类型的参数不能分配给 angular2 中“字符串”类型的参数。

查询返回错误无法解析函数QUERY参数2的查询字符串:NO_COLUMN

根据空格拆分字符串并在angular2中读取它

无法从查询字符串读取params属性?

Angular2路由器保留查询字符串

如何在angular2中将JSON转换为查询字符串?

无法在Struts 2操作类中获取查询字符串参数

无法解析函数 QUERY 参数 2 的查询字符串:NO_COLUMN:A

无法在URL中访问Django查询字符串参数

无法解析功能QUERY参数的查询字符串

无法确定我的angular2 +的Json键中是否包含字符串

访问Angular 2应用的路由时如何在URL中保留查询字符串参数?

绑定查询字符串参数以在Angular 2中建模

angular ui router - 只获取查询字符串参数

Angular HttpClient发布无法发送简单的字符串参数

C ++无法从2D字符串数组读取

Angular2如何分割字符串?

Angular2或TypeScript向左填充零的字符串

从angular2中的字符串解析组件的Type <>

Angular2将字符串解析为html

Angular2将字符串转换为JSON

Angular2,从组件内部的字符串评估模板

Angular2:Subject<string> 到字符串

Angular2:将字符串解析为管道

无法读取字符串字符

从字符串中读取参数值