【问题标题】:ionic side menu app - change ion-nav-view class离子侧边菜单应用程序 - 更改 ion-nav-view 类
【发布时间】:2023-03-12 15:30:02
【问题描述】:

我是 ionic 新手,我对指令很迷茫.. 不知道什么时候使用什么..

我已经启动了侧边菜单应用,

我找不到将 ion-nav-bar 指令类从 bar-stable 更改为其他任何东西的方法..

我也不太明白它应该如何工作.. 我的 index.html 正文标记是否应该只包含

    <ion-nav-view>

</ion-nav-view>

有人知道从 ionic 开始的好指南吗?他们太误导人了……

【问题讨论】:

    标签: ionic-framework


    【解决方案1】:

    要更改导航栏类,请检查此代码笔:http://codepen.io/ionic/pen/tcIGK

    <ion-nav-bar class="bar-positive"animation="no-animation">
    

    是的,对于一个基本的侧边菜单应用程序,您的主体应该只包含一个导航视图。假设你通过他们在 github (https://github.com/driftyco/ionic-starter-sidemenu/blob/master/index.html) 上的 ionic-starter-sidemenu 项目,你的身体应该是这样的:

    <body ng-app="starter">
        <ion-nav-view></ion-nav-view>
    </body>
    

    这只是设置您的应用程序的外壳。更重要、更丰富的部分是在一个模板文件中,该文件用作在您的应用程序配置中设置的“父”或主模板。对于 Ionic,通常您将使用状态:

    .state('app', {
      url: "/app",
      abstract: true,
      templateUrl: "templates/menu.html",
      controller: 'AppCtrl'
    })
    

    您会注意到这指向 menu.html (https://github.com/driftyco/ionic-starter-sidemenu/blob/master/templates/menu.html)。在该文件中,设置了实际的侧边菜单以及另一个导航视图,您的其他模板的内容将在其中显示。

    <ion-pane ion-side-menu-content>
        <ion-nav-bar class="bar-stable nav-title-slide-ios7">
          <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i> Back</ion-nav-back-button>
        </ion-nav-bar>
        <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
    </ion-pane>
    

    对于一些初学者级别的教程,我将有点自我服务并建议我的博客:

    http://mcgivery.com/tag/ionicframework/

    一个很好的起点是我关于 Ionic 应用程序结构的文章,它很好地介绍了整体的高级细节。

    http://mcgivery.com/structure-of-an-ionic-app/

    如果您对特定教程有任何要求,请随时在 Twitter 上联系我。 (@andrewmcgivery)

    希望这会有所帮助。 :)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-03-07
      • 2017-02-21
      • 2016-12-01
      • 1970-01-01
      • 2014-09-06
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多