无法在 routerOnActivate 上获取查询参数

Question

我在尝试使用新的路由库获取查询参数时遇到问题。

版本 2.0.0-rc.1

问题

routerOnActivate(curr:RouteSegment, prev?:RouteSegment, currTree?:RouteTree, prevTree?:RouteTree):void {
  console.log(curr.getParam("test"));
}

总是打印 undefined

另一个问题是我的url每次都得到"reseted"（这就是为什么我认为curr.getParam（"test"）returns未定义)

这是我的 App 组件和我的 Home 组件：

应用组件

import {Component} from '@angular/core';
import { Routes, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, Router } from '@angular/router'
import { HomeComponent } from './home.component';

@Component({
    selector    : 'my-app',
    template : '<router-outlet></router-outlet>',
    directives  : [ ROUTER_DIRECTIVES ],
    providers   : [ ROUTER_PROVIDERS ]
})
@Routes([
    {
        path : '/',
        component : HomeComponent
    }
])
export class AppComponent {
    constructor (private _router : Router) {
    }
}

主页组件

import { Component } from '@angular/core';
import { Router, OnActivate, RouteSegment } from '@angular/router';


@Component({
    selector: 'home',
    template: '<h3>THIS IS HOME</h3>'
})
export class HomeComponent implements OnActivate{
    constructor(private _router : Router) {
        console.log('Called');
    }

    routerOnActivate(curr:RouteSegment):void {
        console.log(curr.getParam("test"));
    }
}

测试URL

localhost:3000/?test=helloworld --> 更改为（问题）localhost:3000

有人可以帮忙吗？

Answer 1

您的代码看起来不错，唯一的问题是根据 official Angular 2 documentation:

The query string parameters are no longer separated by "?" and "&". They are separated by semicolons (;) This is matrix URL notation — something we may not have seen before. Matrix URL notation is an idea first floated in a 1996 proposal and although it never made it into the HTML standard, it is legal and it became popular among browser routing systems as a way to isolate parameters belonging to parent and child routes. The Angular Component Router is such a system.

因此，您可以通过将地址从

更改为从当前 RouteSegment 获取可选参数（测试）的值

localhost:3000/?test=helloworld

至

localhost:3000/;test=helloworld

无法在 routerOnActivate 上获取查询参数

Cannot get query Params on routerOnActivate

javascript

angular

angular2-routing