2

Angular2 のコンポーネントの URL からクエリ パラメータを取得しようとしています。

バージョン: "angular2": "npm:angular2@2.0.0-beta.12",

コンポーネントでidクエリパラメータを抽出して表示しようとしています

リクエストはこちら。

ローカルホスト:8080/index.html?id=1

boot.ts

import 'reflect-metadata';
import 'angular2/bundles/angular2-polyfills';
import { bootstrap } from 'angular2/platform/browser';
import { provide} from 'angular2/core';
import { AppComponent } from './app.component';
import {ROUTER_PROVIDERS, Location, LocationStrategy,     HashLocationStrategy} from "angular2/router";
import {HTTP_PROVIDERS} from "angular2/http";

bootstrap(AppComponent , [ROUTER_PROVIDERS, HTTP_PROVIDERS, provide(LocationStrategy, {useClass: HashLocationStrategy})]);

ここに app.component.ts があります

import { Component } from 'angular2/core';
 import {Router, Location, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig, RouteParams} from 'angular2/router';

@Component({
    selector: 'my-app',
    template: '{{welcome}} {{queryParam}}',
    directives: [ROUTER_DIRECTIVES]
})
export class AppComponent {
    welcome: string = 'Query Param test!'
    queryParam : string;

    constructor(private _location: Location, private _routeParams:     RouteParams){
        console.log(_routeParams.get('id'));
        this.queryParam = _routeParams.get('id');
    }

}

このエラーが発生し続けます：

エラーメッセージ

この解決策は別の投稿から入手しました。エラーの修正方法がわからない

あ

4

2 に答える 2

0

AppComponent の _location.path() からクエリ パラメータを取得できます。それらを自分で解析する必要があります。私は同じことを探していますが、より良い解決策が見つかりません。

他の誰かがこれについてフォローアップしてくれることを願っています。

于 2016-05-16T00:53:20.343 に答える