离子侧菜单中的应用程序 - 改变离子导航视图类

问题描述：

我是新来的离子和我敢用指令失去..想不通时使用何种..离子侧菜单中的应用程序 - 改变离子导航视图类

我已经开始侧菜单应用，

我不能找到一种方法，从酒吧稳定，什么都改变离子导航栏dircetive类..

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

<ion-nav-view> 

</ion-nav-view>

有没有人知道从离子开始的好指南？他们是如此误导...

答

对于导航栏类变化，检查此codepen：http://codepen.io/ionic/pen/tcIGK

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

是的，一个基本的sidemenu应用程序，你的身体应该只包含一个导航视图。假设你是他们的离子 - 起动sidemenu项目在github上（https://github.com/driftyco/ionic-starter-sidemenu/blob/master/index.html）去，你的身体应该是这样的：

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

这只是设置了您的应用程序的外壳。更重要的是，肉质的部分在模板文件中，作为在应用配置中设置的“父”或主模板。在离子的情况下，通常你会使用状态：

.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/

一个很好的出发点是我上的离子应用的结构制品这对整体，高层次的细节有很好的介绍。

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

如果你有具体教程任何要求，可随时打我的Twitter。（@andrewmcgivery）

希望这有助于。 :)

离子侧菜单中的应用程序 - 改变离子导航视图类

相关推荐