zoukankan      html  css  js  c++  java
  • 5-4 HttpClient 修改



    购买课程后会分配的code

    每个月换一次。




    返回的数据类型是一个可观察的对象


    指定Rest Client一些变量



    $shared表示这里面有的大家都会有。

    host里面放的就是慕课网的api服务地址。



    然后可以选中一个环境,这里选择Imooc

    所以刚才定义的host就可以用了




    返回的是一个json,轮播图的列表




    顶部的tabs




    频道列表



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

    angular中请求api接口

    首先在根模块中导入,只在根模块导入,不要在其他模块导入。因为这个模块只提供的就是一个服务,这个服务只注册在根模块里面,其它的地方都可以用了。

    在common/http的包下面。


    构造函数注入httpClient










    把icode的值也定义在环境变量里面

    生产环境也搞一份







    这里会提示错误,因为类型不匹配

    我们的函数返回的是Observable类型的。http的操作是一个异步的操作。

    订阅转换成,我们要的类型

    当前这个tab是一个Object类型,当然这里也可以强转成TopMenu类型的。不过我们还是希望它知己给我们返回的就是TopMenu类型的。

    如果他直接返回一个topMenu类型的话,这里就可以直接赋值。但是目前这里类型不一样,赋值就会报错。

    service中处理

    在get里面写上类型,angular会自动转换为TopMenu的数组。
    <>尖括号里面叫做泛型。任何一种复合我们函数的类型都可以。这里可以是string number等等。这里我们的TopMenu[]也是一种类型。
    让它把返回结果转换成我们需要的类型TopMenu[]


    再加上id的属性



    异步调用后,我们还需要做脏值监测


    脏值检测


    数据就都出来了





     

    结束

  • 相关阅读:
    记一次mqtt压测过程
    记项目过程中代码分支管理
    测试流程
    Docker与K8s的区别
    Mysql之pymysql
    Mysql常用简介
    JQuery
    CSS
    红外线接受程序 理解
    数码管流水灯升级程序理解
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/13586539.html
Copyright © 2011-2022 走看看