我是离子的新手,我很失去指令..无法弄清楚何时使用什么..
我已经启动了侧面菜单应用,
我无法找到一种方法将离子导航栏的dircetive类从bar-stable改为其他任何东西..
我也不太明白它应该如何工作..我的index.html body标签应该只包含
<ion-nav-view> </ion-nav-view>
有没有人知道从离子开始的好指南?他们是如此误导......
对于导航栏类更改,请检查此编码器:http://codepen.io/ionic/pen/tcIGK
<ion-nav-bar class="bar-positive"animation="no-animation">
是的,对于基本的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) . 在该文件中,将设置实际的sidemenu以及其他模板的内容所在的另一个nav视图 .
<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)
希望这可以帮助 . :)
1 回答
对于导航栏类更改,请检查此编码器:http://codepen.io/ionic/pen/tcIGK
是的,对于基本的sidemenu应用程序,您的身体应该只包含导航视图 . 假设你在github(https://github.com/driftyco/ionic-starter-sidemenu/blob/master/index.html)上进行他们的离子启动器侧面项目,你的身体应该是这样的:
这只是设置你的应用程序的外壳 . 更重要的是,丰富的部分位于模板文件中,该模板文件用作在应用程序配置中设置的“父”或主模板 . 在离子的情况下,通常你会使用状态:
您会注意到这一点指向menu.html(https://github.com/driftyco/ionic-starter-sidemenu/blob/master/templates/menu.html) . 在该文件中,将设置实际的sidemenu以及其他模板的内容所在的另一个nav视图 .
对于一些初学者水平的教程,我将有点自助服务并建议我的博客:
http://mcgivery.com/tag/ionicframework/
一个很好的起点是我关于离子应用程序结构的文章,它对整体的高级细节进行了很好的介绍 .
http://mcgivery.com/structure-of-an-ionic-app/
如果您有任何特定教程的请求,请随时在Twitter上打我 . (@andrewmcgivery)
希望这可以帮助 . :)