设为首页 加入收藏 八百里洞庭 网站地图 热门标签
您现在的位置:主页 > sunbet app > > sunbet2之二级路由详松

sunbet2之二级路由详松

  写了壹阵儿子的sunbet 2 当今还是觉得更喜乐sunbet 1的版本。

  1的版本更多的是整顿合,依照模块到来区别,并没拥有拥有做更细的瓜分,而2的版本中,在创即时模块组件时就曾经拥有了很好的区别,每个模块孤立办各己的组件,在组件中亦各己办己己己的样式,效实。

  在以往1的版本中,要整顿合路由是什分轻善的,无论是壹级容许二级路由邑却以写在壹个文件中

  条是在2中则是将路由写不才层模块中,普畅通app为主模块,定义壹个app-routing.module.ts的主路由。

  根本的sunbet 2 入门在前面壹篇外面面也拥有所提及

  此雕刻边就从创立项目末了尾:

  第壹步:创立壹个基于sunbet-cli的项目

  创立完成后坚硬是壹个根本的项目框架,就中带拥有根模块、根组件等,在根模块中,原本所定义的路由是在就中的,但在普畅通的工程项目中,更多的习惯于将路由重构为模块。

  详细却参考sunbet 2 文档初级教养程中的>路由与带航,

  第二步:此雕刻却以创立壹个app-routing.module.ts 文件到来放尽路由,就中的redirectTo为翻开项目时的路由定向。

  

  第叁步:创立壹级模块,在项目中翻开命令窗口,输入

  假定此处我输入的为ng g module user,则会直接生成以下此雕刻些文件

  

  此雕刻在app.module.ts 中也会生成

  

  第四步:创立组件

  此雕刻边我创立了两个组件区别叫做usermanagement & adduser,异样生成以下文件

  

  在user.module.ts中也会生成二级组件

  

  第五步:书写模块中的路由配备

  依然是写在user.module.ts 中,在流入组件之后,写入二级路由forChild,此处必不成微少的是path的空白链接!!不然会报user的错,相当于壹个父亲层的定向

  

  还拥有坚硬是最末所露示的位置,壹级路由就写在app.component.html中

  

  二级路由则写在对应的父亲层页面上,我此雕刻边坚硬是写在user.component.html中

★★ 爱心提示:请收藏本网站★★