实验创建一个service服务

#模拟数据来自第三方：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