Side Menu With Nested View

adam · January 25, 2014, 2:58am

Demo has a side menu, and the side menu’s content pane has a nested nav-view:
http://codepen.io/ionic/pen/EtbrF

The demo was created to help answer this question:

cata_rock · January 25, 2014, 7:16pm

Thanks, Adam. This should help me understand some issues about angular-ui-router. Can you point me to a more in depth tutorial related to angular-ui-router ?

Calendee · January 25, 2014, 10:02pm

This is the best source.

sazemaster · February 2, 2014, 7:03pm

The demo doesn’t work for me.

yeradis · February 3, 2014, 5:04pm

Hello

The demo is not working.

Also, there is a problem with slide menus, does not close automatically.

Regards

tim · February 3, 2014, 6:26pm

Taking a look at this now, looks like several codepens broke in the last release.

adam · February 4, 2014, 9:06pm

The codepens should be fixed now. It appears codepen.io had temporary issues.

easychen · February 5, 2014, 4:37am

Have you tested it on iPhone ? It works nice on Android , but the toggle button does not work on iPhone’s Safari nor Chrome , maybe the touch function works different there ?

Junxi · March 12, 2014, 4:22pm

Nice~ It’s help me a lot. Thanks.

keithdmoore · March 27, 2014, 12:36am

@adam Did you delete the codepen ? The site claims it cant find it. I am having a few issues with nested states/views and wanted to see an example. Thanks for all the hard work on ionic. Loving it so far.

adam · March 31, 2014, 2:27am

If you are referring to this link: http://codepen.io/ionic/pen/EtbrF then no, we didn’t delete it. Codepen must have been down when you tried opening it.

keithdmoore · March 31, 2014, 4:54pm

Have you tried the link recently ? Every time I try it, codepen claims there is nothing there. Yet, I can go to other codepens just fine. Strange.

mbyrne · March 31, 2014, 5:00pm

@keithdmoore the link hasn’t worked for me either, fyi.

oliver · May 10, 2014, 7:25pm

@adam code pen says it can’t find it.

programming_kid · May 10, 2014, 9:26pm

i think codepen link is broken , but i guess you are looking for this http://codepen.io/anon/pen/fpCyl

oliver · May 11, 2014, 5:53pm

that’s it, exactly, thanks.

alindzon · November 8, 2014, 10:11pm

I downloaded this code to use as a base to setup menus like the ones you have. It works fine, until I change the js file to be the one that ionic installs for me when I create an app or to the more recent beta ones on the web. In either of those cases it fails on $scope.sideMenuController.toggleLeft(); saying sideMenuController is undefined.

Someone needs to figure out why 0.9.26 or 0.9.27 works but 1.xxx does not.

darrenahunter · November 8, 2014, 11:11pm

try the code from the docs
http://ionicframework.com/docs/api/directive/ionSideMenus/

 function ContentController($scope, $ionicSideMenuDelegate) {
  $scope.toggleLeft = function() {
    $ionicSideMenuDelegate.toggleLeft();
  };
}

alindzon · November 9, 2014, 3:22am

already tried that, tried it again. OK all fixed, took out the $scope which was in front of $ionicSideMenuDelegate.toggleLeft(); and now it works.