index.htmlからAngular2コンポーネントにクエリ文字列を渡します。

Angular2コンポーネントのindex.htmlからクエリ文字列にアクセスする際に助けが必要です。私は、このリンクをたどってきたが、それは私 link index.htmlからAngular2コンポーネントにクエリ文字列を渡します。

私のindex.htmlのために動作しませんでした

<!doctype html> 
<html> 
<head> 
    <base href="/"> 
    <!-- css importd --> 
</head> 
<body> 
    <app-root>Loading .. </app-root> 
</body> 
</html>

app.component.ts

... 
public constructor(private activatedRoute:ActivateRoute) {} 
ngOnInit() { 
    this.activateRoute.queryParams.subscribe((params:Params) => { 
     console.log(params['code']); 
    }); 
}

をそして私は、URL http://localhost:8080/?code=test

出典

2017-05-10 Nuthan Kumar

を私は、テンプレートにクエリパラメータを設定することができますどのように..あなたに従いませんでしたか..？彼らはurlを送ります。ありがとう –

間違いをおかけして申し訳ありませんが、クエリアパラムを通過するHTMLコードを表示したい –

更新されたHTMLコードです。その非常に単純なファイル –

を呼び出しています

試用： -

this.activateRoute.queryParams.subscribe(queryParams => 
console.log(queryParams['code']); 
);

があなたのhtmlコードされる追加： -

<router-outlet></router-outlet>

出典

2017-05-10 05:53:54

運がない、を使用するテンプレートを変更しました –

はこれを試してみてください：

constructor(private route: ActivatedRoute) { } 

ngOnInit() { 
    // get param 
    let paramcode = this.route.snapshot.queryParams["code"]; 
}

出典

2017-05-10 16:33:42

が私のために機能しません –

index.htmlからAngular2コンポーネントにクエリ文字列を渡します。

答えて

関連する問題