title: Angular: How to update html with http get request after using http put request?
body: <p>My html renders a list of cities using a http get request. I want my html to render again when I use a put request to update the list. How would I do this?</p>
  
  <p>Html:</p>
  
  <pre><code>&lt;div *ngFor="let city of cityList"&gt;
    &lt;h4&gt;{{city}}&lt;/h4&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>TypeScript:</p>
  
  <pre><code>cityList: string[];
  
  ngOnInit() {
      this.getCities();
    }
  
  getCities() {
    this.cityListService.getCitiesSaved().subscribe(
      cities =&gt; {
        this.cityList = cities;
      }
    );
  }
  </code></pre>
  
  <p>Service:</p>
  
  <pre><code>currentCityList: string[];
  
  getCitiesSaved(): Observable&lt;string[]&gt; {
    return this.http.get(this.url).map((data: Response) =&gt; {
      this.currentCityList = data.json().cityAlerts;
      return data.json().cityAlerts;
    });
  }
  </code></pre>