zoukankan      html  css  js  c++  java
  • 25组件之间的通信(练习)

    练习:试下一个SPA   demo21/

    header.component.ts 页头组件,实现子与父通信,定义一个方法,用来返回 true/false

    cart.component.ts 购物车组件,渲染一个列表,就在ngOnInit 处理方法中通过ViewChild 调用 header组件中的方法,如果返回true渲染列表,否则就不显示列表,放一个按钮,点击跳转到 订单确认

    orderComfirm.component.ts  订单确认组件

      step1,button--》确认商品

      step2,button--》支付

      支持嵌套组件,step1.component.ts,step2.component.ts

    ①创建了orderConfirm 和 cart 组件,声明 并配置对应的路由地址

    ②创建 step1 step2 配置可以加载到 orderConfirm组件中路由地址

    ③创建header组件,cart组件向要调用 header组件中的方法(父组件  读取  子组件实例中的数据或者方法)

    关键步骤

                                                                                                                                                     

  • 相关阅读:
    Count_sort C++
    Priority_Queue C++
    HeapSort C++
    Randomized_QuickSort C++
    QuickSort c++
    我的开发环境
    github and eclipse
    centos 7 install eclipse cdt and use github
    github commands
    文化-梁晓声
  • 原文地址:https://www.cnblogs.com/shanlu0000/p/12227643.html
Copyright © 2011-2022 走看看