Transizione diapositiva materiale angolare nel nav laterale?

Question

Quando clicco su impostazioni, si passa al menu di navigazione interno e, successivamente, a questo punto torna all'opzione del menu principale.

Per che sto cercando di attuare transizione scorrevole in navigazione laterali usando materiale angolare, ma questo non mostra l'effetto di transizione di diapositiva in navigazione laterale.

Angular material slide nav Plnkr ::http://plnkr.co/edit/tAocrJglxnLs3mMPqAnb

Transizione diapositiva: Quando si clicca su impostazioni è navigare al menu interno e poi su di nuovo accedere al menu principale. Per questo è necessario l'effetto di transizione delle diapositive.

Ad esempio: http://plnkr.co/edit/o37kGQByrXX9jdIxuIXZ

Uno suggeriscono sull'effetto Transizione diapositiva.

Answer 1

check this out http://plnkr.co/edit/Ksfo7fnSB0c4DH6egE3S?p=preview

<md-content class="main-ctr" ng-controller="RightCtrl" class="md-padding"> 

e mainme nu e sottomenu 2 altre classi, le loro posizioni sono assoluti in modo che possano scivolare senza attrito

Answer 2

aggiungere classi al menu come

<div ng-show="submenu" class="submenu"> <div ng-show="mainMenu" class="mainmenu">

e css sarà

.submenu.ng-hide, 
.mainmenu.ng-hide{ 
    display: block !important; 
    opacity: 0; 
    transition: all .35s linear; 
} 

.submenu, 
.mainmenu{ 
    opacity: 1; 
    transition: all .35s linear; 
}