js 点击侧边栏展示内容_侧栏菜单点击其中一项，在右侧显示如何通过js实现？...

菜鸟教程(runoob.com)

angular.module('starter', ['ionic'])

.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);

}

if(window.StatusBar) {

// org.apache.cordova.statusbar required

StatusBar.styleDefault();

}

});

})

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

$stateProvider

.state('app', {

url: "/app",

abstract: true,

templateUrl: "menu.html",

controller: 'AppCtrl'

})

.state('app.playlists', {

url: "/playlists",

views: {

'menuContent' :{

templateUrl: "playlists.html",

controller: 'PlaylistsCtrl'

}

}

})

// if none of the above states are matched, use this as the fallback

$urlRouterProvider.otherwise('/app/playlists');

})

.controller('AppCtrl', function($scope) {

})

.controller('PlaylistsCtrl', function($scope) {

console.log("PlaylistsCtrl");

$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) {

})

Back

Left

Search

Browse

Playlists

{{playlist.title}}

About

Settings