Angular权威教程之http篇_angular http(1)

2.makeRequest方法会调用http库向API发起一个GET请求

makeRequest(): 
 void {     
 this.loading = true;     
 this.http.request('http://jsonplaceholder.typicode.com/posts/1')       
 .subscribe((res: Response) => {         
 this.data = res.json();         
 this.loading = false;       
 });   
 }

调用makeRequest方法时，首先将loading设置为true，即显示加载，在回读回Response时(订阅此时的变化)，再将loading显示为false。

3.当请求返回时，使用返回结果中的数据更新this.data

 <div \*ngIf="loading">loading...</div>   
 <pre>{
  {data | json}}</pre> 

{
  {data | json}}

这里使用了json管道。

在最后会对管道进行拓展

用json方法提取响应体并解析成一个Object，然后将是这个Object赋值给this.data.

构建一个控制器