Angular:如何在使用 http put request 后使用 http get request 更新 html

Question

我的html使用http get请求呈现城市列表。我希望我的 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 就可以了。