How to navigate state within popover-view using ion-nav-view?


#1

Hi Team,

I am new for ionic it was awesem framework for building hybrid mobile apps. I am building an app using ionic components instead of cordova technology. From my app development I am facing some difficulties in ionic popover.I need below requirement for achieving my target.

How can I get navigate slider menu within a popover-view using ion-nav-view. I am tried this as below scenario but I don’t reach my target.

index.html

app.js

angular.module(‘starter’, [‘ionic’,‘starter.controllers’])
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state(‘home’, {
url: ‘/playlists’,
views: {
‘menuContent’: {
templateUrl: ‘templates/playlists.html’,
controller: ‘PlaylistsCtrl’
}
}
})
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise(’/’);
})

controller.js
angular.module(‘starter.controllers’, [])
.controller(‘PlaylistsCtrl’, function($scope) {
$scope.playlists = [
{ title: ‘Reggae’, id: 1 },
{ title: ‘Chill’, id: 2 },
{ title: ‘Dubstep’, id: 3 },
{ title: ‘Indie’, id: 4 },
{ title: ‘Rap’, id: 5 },
{ title: ‘Cowbell’, id: 6 }
];
})
.controller(‘PlaylistCtrl’, function($scope, $stateParams) {
});

Playlists.html




{{playlist.title}}



Can you please help me to achieve my output. Please find the below link which behaviour needed within popover-view.

Thanks,
Vinoth