How to add side menu on split master detail


#1

hi! I am new in ionic. I created a starter app. I wanna implement this project on my project.
Here is two sided master detail app:

I wanna add side menu on it. Could you help me?
Btw I’m sorry about my English

here is my app.js:

// Ionic Starter App

// angular.module is a global place for creating, registering and retrieving Angular modules
// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
// the 2nd parameter is an array of 'requires'
// 'starter.controllers' is found in controllers.js
angular.module('starter', ['ionic', 'starter.controllers','ionicMultipleViews'])

.run(function($ionicPlatform) {
 $ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if (window.cordova && window.cordova.plugins.Keyboard) {
  cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
  cordova.plugins.Keyboard.disableScroll(true);

}
 if (window.StatusBar) {
  // org.apache.cordova.statusbar required
  StatusBar.styleDefault();
}
 });
})

.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider

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

.state('app.search', {
url: '/search',
views: {
  'menuContent': {
    templateUrl: 'templates/search.html'
  }
  }
 })

 .state('app.browse', {
  url: '/browse',
  views: {
    'menuContent': {
      templateUrl: 'templates/browse.html'
    }
  }
})
.state('app.playlists', {
  url: '/playlists',
  views: {
    'menuContent': {
      templateUrl: 'templates/playlists.html',
      controller: 'PlaylistsCtrl'
    }
  }
})

.state('app.single', {
url: '/playlists/:playlistId',
views: {
  'menuContent': {
    templateUrl: 'templates/playlist.html',
    controller: 'PlaylistCtrl'
  }
}
})


.state('app.messages', {
  url: '/messages',
  templateUrl: 'templates/messages.html',
  controller: 'MessageListCtrl'
})

.state('app.viewMessage', {
  url: '/messages/:messageId',
  templateUrl: 'templates/view-message.html',
  controller: 'ViewMessageCtrl'
})

.state('app.masterDetail', {
  url: '/masterDetail',
  templateUrl: 'templates/master-detail-layout.html',
  abstract: true
})

.state('app.masterDetail.messages', {
  url: '/messages',
  views: {
    'message-list': {
      templateUrl: 'templates/messages.html',
      controller: 'MessageListCtrl'
    },

    'view-message': {
      templateUrl: 'templates/view-message.html',
      controller: 'ViewMessageCtrl'
    }
  }
});

 // if none of the above states are matched, use this as the fallback
 $urlRouterProvider.otherwise('/app/playlists');
});

`