Angular 2中的查询字符串

时间:2016-04-21 20:13:06

标签: javascript html5 angular

如何在Angular 2中使用查询字符串到路由,但不需要此查询字符串。 此查询字符串是可选的。

我在此链接中阅读了Angular文档:https://angular.io/docs/ts/latest/guide/router.html,但我不明白。

1 个答案:

答案 0 :(得分:0)

来自您关联的文档:

  

URL查询字符串是在导航期间传递任意复杂信息的理想工具。查询字符串不涉及模式匹配,并提供极大的表达灵活性。几乎任何可序列化的东西都可以出现在查询字符串中。

定义路线时,您不需要指定预期(或意外)的查询字符串参数。

您只需使用RouteParams服务来查询其值。

import {Router, RouteParams} from 'angular2/router';

// declare your class, ...
constructor(
    routeParams: RouteParams) {
  console.log(routeParams.get('myquerystring')); // must exist
}

如果值是可选的(如您所愿),您可以调用params来获取对象,并自行检查:

console.log('myquerystring' in routeParams.params()); // true or false