angular--路由之子路由

子路由应用场景是在一个组件A里有两个链接,分别显示不同的子组件b和c,这两个子组件的位置在A组件中。

举例子:

比如我们在股票详情组建中显示卖家列表信息和买家列表信息,显示区域在红色框的位置。

首先我们在股票详情组件中定义两个链接和设置一个路由插座来显示子组件的位置


注意买家列表中的routerLink里不能直接写“/”,因为它会直接执行路由配置中的主页组件的路由,要写成“./ ”才能走子路由中的买家路由路径


接下来我们写下卖家列表组件中控制器的代码,由于没给买家组件传参数,所以就不用写参数接收方法了


卖家控制器中的代码

最终效果如下:


点击买家列表


点击卖家列表

看给卖家列表传的参数100显示在了路径里。

下转:angular--路由之辅助路由

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,142评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,323评论 19 139
  • 一、SPA的概念 首先明确一个概念,SPA,全称为Single Page Application单页应用,一个单页...
    耦耦阅读 11,185评论 0 3
  • 我喜欢的一个人,他是一名男模特,杭州人,认识他的时候是在2017.9.18。他和我一样喜欢运动,喜欢吃美食,喜欢当...
    刘海音Bievs炎阅读 3,207评论 0 0