このような角度2

Question

私がやった何か--- URLにデータを設定/取得：（URLではない）paramsを設定されていないため、場合罰金です

setURL(){ 
    this.router.navigate(['/app/chart', {height: this.chartHeight, width: this.chartWidth}]); 
} 

ngOnInit() { 

    this.route.params.subscribe(
     (params: any) => { 
      this.chartHeight= params['height'] || 0; 
      this.chartWidth= params['width'] || 0; 
     } 
    ); 
} 

- デフォルトの幅と高さは0に設定されています。そして、その卵。しかし、私がこれを変更したり、URLにいくつかの値を設定してEnterキーを押すと、何も変わりません。私はconsole.logそれは値が正しく設定されているが、DOMは影響を受けていないことを意味します。変更は一切ありません。これは奇妙です...

Answer 1

** アップデートスタート **

私は今、あなたはまた、あなたは、人々がURLと場所に直接移動できるようにすることができるようにURLが存在します実現します。また、URLからパラメータを取得する関数を処理する必要があります。

私はthis answerがあなたに役立つと信じていますが、私はまだその問題に直面していません。

** 更新終了 **

あなたはget要求を行っているの機能を再現しようとしているウェブサイト。角度2で

あなたがURLにデータを渡したい場合は、このようにそれを行うだろう、

あなたはこれらの輸入

import { Http, Response, Headers, URLSearchParams }from '@angular/http'; 
import { Observable }from 'rxjs/Observable'; 
import 'rxjs/add/operator/do'; 
import 'rxjs/add/operator/take'; 

はそれがに変化したときにデータを更新するために、観察作成が必要になりますページを更新せずに

private DimensionsData: Observable<any>; 

この関数は、新しいデータセットが渡されるたびに呼び出されます。

private SendData() { 
     let params: URLSearchParams = new URLSearchParams(); 
     params.set('width', this.width); 
     params.set('length', this.length); 
     return this.http.get('UrlPathHere/', 
      { search: params }) 
      .map((res: Response) => res.json()) 
     .take(1) //Takes the first observable and unsubscribes 
     .subscribe(res => this.DimensionsData = res.data_response) 
    } 

あなたは物事が今、あなたはDimensionsDataを取り、ページの設定として、あなたのコードでそれを使用することができますngOnInit（）メソッド、

ngOnInit() { 
     this.SendData(); 
} 

に始めるために関数を呼び出します。誰かがページを更新するたびに、GETリクエストが呼び出され、このvariableが更新されます。 DimensionsData。

サービスは、URLからデータを取り出し、responseとして渡すだけです。

私は、リクエストリクエストでこれを行う方法を説明しました。これは、サンプルのウェブサイトがあなたに私に示したこととまったく同じだからです。

あなたは@siam