ionic官方(ionic中国)提供了现成的应用程序模板:
1. ionic start myApp blank
2. ionic start myApp tabs
3. ionic start myApp sidemenu
其中第二个模板的运行界面如下:
如何在tabs中添加一个新的tab呢?方法很简单,首先观察tabs模板中现存的代码,发现对于tab的配置主要集中在下面两个文件中。
1. tabs.html: 该文件中可以配置ionic的tab标签,在<ion-tabs></ion-tabs>内添加<ion-tab></ion-tab>子tab,再设置一下它的具体属性即可。
2. app.js:根据文档的说明,如果我们自己新增一个tab的话,就需要为这个tab添加一个abstract state,具体的代码写法可以参考已有tab的结构。
这样新增tab的工作就完成了。