RouteParams和查詢字符串

我需要捕獲查詢字符串，但是我得到錯誤。我使用的代碼很簡單，但是在瀏覽器中失敗了。RouteParams和查詢字符串

@Component({ 
    selector: 'body', 
    viewProviders: [ ROUTER_PROVIDERS], 
    directives: [ CORE_DIRECTIVES, ROUTER_DIRECTIVES], 
    template: '<p>the param is {{foo}}</p>' 
}) 
export class app { 
    constructor(params: RouteParams) { 
      // http://local.../?myText=Hello  
      this.foo = params.get('myText'); 
     } 
}

documentation對這類事情不是很清楚。它完全沒有，只是一個null。

來源

2016-06-07 Alejo Next

您使用的是過時路由器包？ –

我沒有使用該軟件包。我使用最後一個軟件包，是2.0.0-rc.1 –

在角RC1路由器，你需要有你的組件實現OnActivate接口來獲取路由參數：

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

Component({ 
    selector: 'body', 
    providers: [ ROUTER_PROVIDERS], 
    directives: [ CORE_DIRECTIVES, ROUTER_DIRECTIVES], 
    template: '<p>the param is {{foo}}</p>' 
}) 
export class app implements OnActivate { 
    constructor() { } 

    routerOnActivate(currSegment: RouteSegment) { 
     this.foo = currSegment.getParam('myText'), 
}

來源

2016-06-07 20:22:47

我認爲你必須更換viewProviders與providers或者更好的是，如果你在引導你的應用程序是這樣的時間提供ROUTER_PROVIDERS： -

bootstrap(AppComponent, [ROUTER_PROVIDERS]);

可以幫助你，如果你仍然有任何問題，請更新您的問題與錯誤信息或更好，如果你提供任何重擊。

來源

2016-06-07 19:49:52

RouteParams和查詢字符串

回答

相關問題