離子側菜單中的應用程序 - 改變離子導航視圖類

我是新來的離子和我敢用指令失去..想不通時使用何種..離子側菜單中的應用程序 - 改變離子導航視圖類

我已經開始側菜單應用，

我不能找到一種方法，從酒吧穩定，什麼都改變離子導航欄dircetive類..

我也不太明白應該如何工作..我的index.html正文標籤應該只包含

<ion-nav-view> 

</ion-nav-view>

有沒有人知道從離子開始的好指南？他們是如此誤導...

來源

2014-11-01 Yonatan Naxon

對於導航欄類變化，檢查此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）

希望這有助於。 :)

來源

2014-11-02 17:59:19

離子側菜單中的應用程序 - 改變離子導航視圖類

回答

相關問題