Javascript 标题中的离子导航选项卡

Javascript 标题中的离子导航选项卡,javascript,angularjs,url-routing,angularjs-routing,ionic-framework,Javascript,Angularjs,Url Routing,Angularjs Routing,Ionic Framework,嘿,我有个关于离子导航的问题 我的应用程序的主导航位于页脚,但我想在页眉中添加一个信息选项卡,我还希望该选项卡具有自己的视图,因此我将其设置为如下所示 <ion-nav-bar class="bar-stable nav-title-slide-ios7"> <ion-nav-back-button class="button-icon icon ion-ios7-arrow-back"> Back </ion-nav-back-button&g

嘿,我有个关于离子导航的问题

我的应用程序的主导航位于页脚,但我想在页眉中添加一个信息选项卡,我还希望该选项卡具有自己的视图,因此我将其设置为如下所示

 <ion-nav-bar class="bar-stable nav-title-slide-ios7">
  <ion-nav-back-button class="button-icon icon  ion-ios7-arrow-back">
    Back
  </ion-nav-back-button>
  <ion-nav-buttons side="right">
    <ion-tabs class="tabs-icon-top">

    <!-- Info Tab -->
    <ion-nav-view>
      <ion-tab title="Info" icon="icon ion ion-android-information" href="#/info/informatie">
        <ion-nav-view name="info-informatie"></ion-nav-view>
      </ion-tab>
     </ion-tabs>
    </ion-nav-view>


  </ion-nav-buttons>
</ion-nav-bar>
现在,就我所知,这应该能奏效,但问题是 标签不显示在标题中,而且当我硬链接到路线时,它会保持在同一页上,没有任何错误

我已经制作了模板,并配置了控制器

我对Angular和Ionic都是新手,所以这可能很简单,但我想不出来。。我读过手册和文件

!!重要通知 当我将视图更改为另一个视图时,如

.state('info.informatie', {
        url: '/informatie',
        views: { 
            'TAB-OMGEVING': {
                templateUrl: 'templates/info-informatie.html',
                controller: 'InfoCtrl'
            }
        }
它可以工作,但活动状态被放置在另一个选项卡上,历史堆栈可以追溯到该选项卡,这不是我想要做的,我宁愿从一开始就做正确的事情,然后用廉价的补丁和错误的代码构建一个应用程序


有人能帮我吗

有几点,我对此也不熟悉,但希望我能有所帮助

  • 我认为你的代码应该在导航条段,导航视图应该是空的,因为它是你的html填充的地方
  • 使用ui sref而不是href..like
    something
    ,或者也可以使用按钮来使用ui sref
  • 因为你使用信息,自然你的父母或基本状态是信息状态

  • 你可以使用ng include在主视图中抛出标题,或者你正在寻找面包屑类型的解决方案吗?我的主视图中有标题哈哈,谢谢,这是一篇非常老的帖子,所以我已经修复了它。如果你了解基本知识,angular的学习速度非常快。所以请@SjoerdDeWit,如果你解决了问题,也请发布解决方案。谢谢,我不知怎么把它修好了。你能描述一下你想要的答案吗?我用在头巾上的代码@SimonaAdriani正在搜索如何在标题中放置选项卡,但我解决了这个问题,在tabs buttons容器中添加了一个类“tabs top”,这是一个任何人都能找到答案的类。请告诉我怎么贴。
    .state('info.informatie', {
            url: '/informatie',
            views: { 
                'TAB-OMGEVING': {
                    templateUrl: 'templates/info-informatie.html',
                    controller: 'InfoCtrl'
                }
            }