小编Jea*_*ues的帖子

如何在离子 3 的选项卡内创建选项卡

我正在尝试在 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.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)

typescript ionic-framework ionic3 angular

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1

ionic-framework ×1

ionic3 ×1

typescript ×1