2017-11-16 10 views
1

私のhtmlは、http getリクエストを使って都市のリストをレンダリングします。私はリストを更新するためにputリクエストを使うと、私のHTMLが再びレンダリングされるようにしたい。どうすればいい?角度:http putリクエストを使用した後、httpでget htmlを更新するにはどうすればいいですか?

HTML:

<div *ngFor="let city of cityList"> 
    <h4>{{city}}</h4> 
</div> 

活字体:

cityList: string[]; 

ngOnInit() { 
    this.getCities(); 
    } 

getCities() { 
    this.cityListService.getCitiesSaved().subscribe(
    cities => { 
     this.cityList = cities; 
    } 
); 
} 

サービス:角度で

currentCityList: string[]; 

getCitiesSaved(): Observable<string[]> { 
    return this.http.get(this.url).map((data: Response) => { 
    this.currentCityList = data.json().cityAlerts; 
    return data.json().cityAlerts; 
    }); 
} 
+0

あなたは今のところと全く同じ方法ですが、私はあなたの質問が何であるか正確にはわかりません。あなたはどこにいるのですか?あなたのエラー/問題は何ですか? – Igor

+0

'cityList'配列の内容を変更すると、AngularはHTMLを自動的に更新します。 PUTの後に配列を更新すれば設定されます。 –

+0

また、 'Http'は' HttpClient'のために廃止されました。代わりにそれを使用することをお勧めします。 – Igor

答えて

0

ビューを動的に更新しているので、あなたが必要とするすべてはちょうど新しい要素をプッシュすることですcityListに配列し、Angularがトリックを行います。

関連する問題