• 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组件中的方法(父组件  读取  子组件实例中的数据或者方法)

    关键步骤

                                                                                                                                                     

  • 相关阅读:
    暑假训练第三周总结
    UVA 1212 Duopoly
    UVA 12125 March of the Penguins
    UVA 1345 Jamie's Contact Groups
    UVA 10806 Dijkstra, Dijkstra.
    暑假训练第一周总结
    HDU 5792 World is Exploding
    HDU 5791 Two
    HDU 5787 K-wolf Number
    Sql With as 用法
  • 原文地址:https://www.cnblogs.com/shanlu0000/p/12227643.html
Copyright © 2020-2023  润新知