我正在尝试在 ionic 3 中的一个选项卡内创建三个选项卡,但是我无法让它工作。
这是我尝试做的一个例子,但它似乎是用早期版本的 ionic 实现的。我正在使用离子 3.10.3
来自 CLI 的 ionic -v 打印 3.10.3
以下是我的项目中的一些信息。
我有一个包含三个选项卡(主页、消息、设置)的主页,我想在消息选项卡内容中创建其他三个选项卡(全部、已读、未读)。
这是我的项目的内容
主要的
/src/pages/main/main.ts
Run Code Online (Sandbox Code Playgroud)
/src/pages/main/main.ts
Run Code Online (Sandbox Code Playgroud)
/src/pages/main/main.html
Run Code Online (Sandbox Code Playgroud)
import { Component } from '@angular/core';
import {NavController, NavParams} from 'ionic-angular';
import { HomePage } from '../home/home';
import { SettingPage } from '../setting/setting';
import { MessagePage } from '../message/message';
@Component({
selector: 'page-main',
templateUrl: 'main.html'
})
export class MainPage {
tabHomeRoot : HomePage;
tabSettingRoot: SettingPage;
tabMessageRoot: MessagePage;
constructor(){
}
}Run Code Online (Sandbox Code Playgroud)
其他标签的内容是基本的,所以我只放消息标签的内容
信息
/src/pages/message/message.ts
Run Code Online (Sandbox Code Playgroud)
/src/pages/main/main.html
Run Code Online (Sandbox Code Playgroud)
/src/pages/message/message.html
Run Code Online (Sandbox Code Playgroud)
<ion-tabs>
<ion-tab [root]="tabHomeRoot" …Run Code Online (Sandbox Code Playgroud)