Angular: 如何在使用 http put 请求后用 http get 请求更新 html？

Question

我的 html 使用 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;
  });
}

Answer 1

在 Angular 中，视图是动态更新的，所以您只需要将新元素推送到 cityList 数组，Angular 就可以了。

Angular: 如何在使用 http put 请求后用 http get 请求更新 html？

Angular: How to update html with http get request after using http put request?

http-get

angular