ionic side menu app - change ion-nav-view class

I am new to ionic and i'm pretty lost with the directive.. can't figure out when to use what..

I've started side menu app,

I can't find a way to change ion-nav-bar dircetive class from bar-stable to anything else..

also I don't quite understand how should it work.. does my index.html body tag should only contain

    <ion-nav-view>

</ion-nav-view>

does anybody knows a good guide for starting with ionic? theirs are so misguiding...

For the nav bar class changing, check this codepen: http://codepen.io/ionic/pen/tcIGK

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

And yes, for a basic sidemenu application, your body should only contain a nav view. Assuming you are going by their ionic-starter-sidemenu project on github (https://github.com/driftyco/ionic-starter-sidemenu/blob/master/index.html), your body should look like this:

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

This just sets up the shell of your app. The more important, meaty part is in a template file that serves as a "parent" or main template which is set up in your app's config. In the case of Ionic, typically you'll be using states:

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

You'll notice this points to menu.html (https://github.com/driftyco/ionic-starter-sidemenu/blob/master/templates/menu.html). In that file, the actual sidemenu is set up as well as another nav view where the content of your other templates will go.

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

For some beginner level tutorials, I am going to be a little self serving and suggest my blog:

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

A good starting point is my article on the Structure of an Ionic App which gives a good introduction to the overall, high level details.

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

And if you have any requests for specific tutorials, feel free to hit me up on Twitter. (@andrewmcgivery)

Hope this helps. :)