离子选项卡导航问题

Yasser B.

我同时使用了Ionic框架和IU路由器,以便为我的第一个Web应用程序提供更好的导航。

这里是一个简单的体系结构,因此您可以轻松理解该结构:

在此处输入图片说明

我面临的问题是在选项卡之间导航时我无法保持状态。例如。当我转到下一个选项卡并单击下一个视图,然后按回车键时,我导航到第一个按钮,而当我返回第二个选项卡时,看不到我所处的相同状态。

我无法解决此问题。

这是一个DEMO:PLUNKER DEMO + CODE

这是我的州代码:

.config(function($stateProvider, $urlRouterProvider) {


$stateProvider



    .state('live.today', {
  url: '/today',
  views: {
    today: {
      templateUrl: 'today_live.html',

    }
  }
})

 .state('live.yesterday', {
  url: '/yesterday',
  views: {
    yesterday: {
      templateUrl: 'yesterday_live.html'
    }
  }
})

 .state('live.tomorrow', {
  url: '/tomorrow',
  views: {
    tomorrow: {
      templateUrl: 'tomorrow_live.html'
    }
  }
})



 .state('match.composition', {

  url: '/composition',
  views: {
    view: {
      templateUrl: 'composition.html'
    }
  }
})

 .state('match.resume', {
    cache: false,
  url: '/resume',
  views: {
    view: {
      templateUrl: 'resume.html'
    }
  }
})

 .state('live', {

  url: '/live',
  views: {
    live_view: {
      templateUrl: 'live.html'
    }
  }
})

.state('match', {
    cache: false,
  url: '/match_details',
  views: {
    live_view: {
      templateUrl: 'match_details.html'
    }
  }
})

.state('news', {
    cache: false,
  url: '/news',
  views: {
    news: {
      templateUrl: 'news.html'
    }
  }
})




$urlRouterProvider.otherwise('/live/today');


})
Yasser B.

最终,我找到了一个解决方案,该方法是<ion-content> </ion-content>在具有三个选项卡(live.html)的文件中添加“”

您可以在更新的演示中抢劫具有相同复杂视图架构的人员

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

标头中的离子导航选项卡

来自分类Dev

带有选项卡的离子导航后退按钮

来自分类Dev

jQuery选项卡导航

来自分类Dev

编辑离子选项卡图标样式

来自分类Dev

在离子选项卡中显示网站

来自分类Dev

离子:选项卡视图未呈现

来自分类Dev

离子选项卡烦人的激活颜色

来自分类Dev

离子选项卡活动颜色

来自分类Dev

模态上的离子 3 选项卡

来自分类Dev

角路由问题-离子标头未在选项卡中更新

来自分类Dev

离子事件列表暂挂/选项卡上的父/子问题

来自分类Dev

离子:如何创建不带图标的带有离子选项卡的选项卡?

来自分类Dev

jquery 选项卡 - 在选项卡内的导航中保存选项卡内容

来自分类Dev

CSS选项卡问题与选定的选项卡

来自分类Dev

jQuery的导航选项卡变化不大

来自分类Dev

引导多个导航选项卡内容

来自分类Dev

使用指令创建导航选项卡?

来自分类Dev

动态引导导航选项卡

来自分类Dev

Jekyll创建导航链接或选项卡

来自分类Dev

引导多个导航选项卡内容

来自分类Dev

如何显示所选的导航选项卡

来自分类Dev

在MacOS预览中导航选项卡

来自分类Dev

JavaFX 禁用选项卡导航

来自分类Dev

Ionic:具有选项卡和侧面菜单导航问题的Master Detail?

来自分类Dev

具有静态数据的离子选项卡

来自分类Dev

一个选项卡的离子多视图状态

来自分类Dev

离子2 +角度2-选项卡+侧面菜单

来自分类Dev

如何在不同的离子选项卡上滑动

来自分类Dev

如何在离子选项卡之间添加通用内容