Angular与ionic的幸福生活之“tabs路由“的项目结构及跳转方式

Angular与ionic的幸福生活之“tabs路由“的项目结构及跳转方式

如何快速的上手使用 icon tabs 呢，首先要熟悉性项目结构知道怎么去配置这个路由，每部分是干啥的，这样才能快速上手节约学习时间

1. 快速生成项目 ionic start mfreshApp 自定义文件名称

2.熟悉项目结构

什么是根路由？就是管理注册路由的一个目录，只要是出创建的子路由，都要在根路由中注册，用命令行 ionic g page 项目名称，自动生成，但仍需要去配置这个路由，需要手动去配置，值得庆幸的是项目包中有自带的模板 tab1 可以用来参考，这个时候我们只需要找对位置，去根路由中配置跟模板不一样的地方即可，这样就完成了简单的注册了。
这里嘛还是需要强调一下的

所有的子底部选项路由中的整体结构中，最终要的就是 html.css,ts这三个文件，不熟悉的小伙伴完全可以按照标准的html css 去书写它

3. 路由的跳转方式
这里分为两种，一种是直接绑定在组件上 的，另一种 是通过编程的方式进行跳转的。详细代码如下
点击跳转

<ion-item routerLink="/tabs/tab3