5-4 HttpClient 修改
购买课程后会分配的code
5-4 HttpClient 修改
每个月换一次。
5-4 HttpClient 修改

返回的数据类型是一个可观察的对象
5-4 HttpClient 修改

指定Rest Client一些变量
5-4 HttpClient 修改
$shared表示这里面有的大家都会有。
5-4 HttpClient 修改
host里面放的就是慕课网的api服务地址。
5-4 HttpClient 修改
然后可以选中一个环境,这里选择Imooc
5-4 HttpClient 修改
所以刚才定义的host就可以用了
5-4 HttpClient 修改
返回的是一个json,轮播图的列表
5-4 HttpClient 修改

顶部的tabs
5-4 HttpClient 修改

频道列表
5-4 HttpClient 修改

http://t00img.yangkeduo.com/goods/images/2018-11-13/298376dd8176f90df743de9f08a756eb.png

首先在根模块中导入,只在根模块导入,不要在其他模块导入。因为这个模块只提供的就是一个服务,这个服务只注册在根模块里面,其它的地方都可以用了。
5-4 HttpClient 修改
在common/http的包下面。
5-4 HttpClient 修改

构造函数注入httpClient
5-4 HttpClient 修改
把icode的值也定义在环境变量里面
5-4 HttpClient 修改
生产环境也搞一份
5-4 HttpClient 修改
这里会提示错误,因为类型不匹配
5-4 HttpClient 修改
我们的函数返回的是Observable类型的。http的操作是一个异步的操作。
5-4 HttpClient 修改
订阅转换成,我们要的类型
5-4 HttpClient 修改
当前这个tab是一个Object类型,当然这里也可以强转成TopMenu类型的。不过我们还是希望它知己给我们返回的就是TopMenu类型的。
5-4 HttpClient 修改
如果他直接返回一个topMenu类型的话,这里就可以直接赋值。但是目前这里类型不一样,赋值就会报错。
5-4 HttpClient 修改

service中处理

在get里面写上类型,angular会自动转换为TopMenu的数组。
<>尖括号里面叫做泛型。任何一种复合我们函数的类型都可以。这里可以是string number等等。这里我们的TopMenu[]也是一种类型。
让它把返回结果转换成我们需要的类型TopMenu[]
5-4 HttpClient 修改
再加上id的属性
5-4 HttpClient 修改
异步调用后,我们还需要做脏值监测
5-4 HttpClient 修改

脏值检测
5-4 HttpClient 修改

数据就都出来了
5-4 HttpClient 修改




 

结束

 

相关文章:

  • 2021-12-11
  • 2022-12-23
  • 2022-12-23
  • 2022-03-02
  • 2021-09-21
  • 2022-12-23
  • 2021-07-11
  • 2021-11-23
猜你喜欢
  • 2022-01-02
  • 2022-12-23
  • 2021-10-09
  • 2021-11-11
  • 2021-07-21
  • 2022-03-09
  • 2022-12-23
相关资源
相似解决方案