#模拟数据来自第三方:https://jsonplaceholder.typicode.com/photos
知识点:如果自己的chrom浏览器没有出现这种规整的JSON数据结构,那么需要安装一个插件(JsonView)。

获取后台数据的方法:
      1.引入httpclientmodule到app.module.ts中
      2.引入httpModule 到app.component.ts中,并注入服务,订阅数据变化,获取网络数据
        export class AppComponent implements OnInit{
          title = 'base10';
          constructor (private http:HttpClient){};
          ngOnInit() {
            this.http.get("https://jsonplaceholder.typicode.com/photos")
            .subscribe(data=>{
              console.log("from serve data =",data);
            })
          }
 
app.modlues.ts

app.component.ts

 

 
posted on 2019-05-09 15:52  哎呀墨儿  阅读(177)  评论(0编辑  收藏  举报