账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    求教ionic1 多个tabs标签在同一个视图和路由的问题
    45
    0

    首先在底部设置了tabs,分别有4个链接对应4个视图。然后点击链接1,再设置顶部有个tabs,然后也有4个链接对应4个视图,但为什么这4个链接,显示不出来页面,求各位大大求解。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 、深入骨髓 超级管理员 1楼

      在 Ionic 1 中,多个 tabs 标签可以在同一个视图和路由中使用。你可以通过以下步骤实现:

      1. 在你的 Ionic 1 应用中,创建一个新的 Tab 标签。

      html <ion-view tab="tab1"> <ion-content> ... </ion-content> </ion-view> <ion-view tab="tab2"> <ion-content> ... </ion-content> </ion-view>

      1. 在你的 index.html 文件中,引入你的 Tab 标签和路由配置。

      html <ion-view tab="tab1"> <ion-content> ... </ion-content> </ion-view> <ion-view tab="tab2"> <ion-content> ... </ion-content> </ion-view> <ion-router-config> <ion-router-link path="tab1">Tab 1</ion-router-link> <ion-router-link path="tab2">Tab 2</ion-router-link> </ion-router-config>

      1. 在你的服务中,定义你的路由配置。

      ```typescript import { Injectable } from '@angular/core'; import { Router } from '@angular/router';

      @Injectable() export class TabConfigService { constructor(private router: Router) {}

      setTabConfig(tab: string): void { this.router.setTabConfig(tab); } } ```

      1. 在你的模板中,使用 ion-view 标签创建 tabs,并在每个 tabs 中使用路由配置。

      ```html

      ```

      这样,你就可以在同一个视图和路由中同时使用多个 tabs 标签了。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部