《ionic学习笔记》:为tabs添加新的tab

ionic官方(ionic中国)提供了现成的应用程序模板:

1. ionic start myApp blank

2. ionic start myApp tabs

3. ionic start myApp sidemenu

其中第二个模板的运行界面如下:


《ionic学习笔记》:为tabs添加新的tab_第1张图片
ionic tabs模板运行界面


如何在tabs中添加一个新的tab呢?方法很简单,首先观察tabs模板中现存的代码,发现对于tab的配置主要集中在下面两个文件中。

1. tabs.html: 该文件中可以配置ionic的tab标签,在内添加子tab,再设置一下它的具体属性即可。

2. app.js:根据文档的说明,如果我们自己新增一个tab的话,就需要为这个tab添加一个abstract state,具体的代码写法可以参考已有tab的结构。

这样新增tab的工作就完成了。


《ionic学习笔记》:为tabs添加新的tab_第2张图片
新增tab“我的”

你可能感兴趣的:(《ionic学习笔记》:为tabs添加新的tab)