How to leave sidenav and toolbar fixed with angular material

0

I want to leave fixed sidenav and the toolbar of the Angular Material, and the contents of the application stay on the rest of the page. In my index.html I'm using the ng-view directive to render. I have a page menu.html that is sidenav and tollbar, and other pages, like home.html. How do I make it fixed on all pages of my sidenav and the toolbar?

    
asked by anonymous 01.06.2016 / 20:47

1 answer

0

I use this template to have the side menu and a fixed toolbar .. changing only the routes in the angularjs to view.

<body ng-app="deluxApp" layout="row">
	<md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-sm')" >
	  <md-toolbar class="md-theme-indigo">
		<h1 class="md-toolbar-tools">toolbar fixo</h1>
	  </md-toolbar>
	  <md-content>
		<!--  meu menu -->     
	  </md-content>
	</md-sidenav>
	<section layout="column" flex>
		<md-toolbar>
			<div layout="row" layout-padding layout-margin layout-fill layout-align="end center">
				<md-button href="/logout" class="md-icon-button">
					<md-icon class="md-36" layout-align="right">power_settings_new</md-icon>
				</md-button>
			</div>
		</md-toolbar>
		<md-content layout="column" flex>  
			<div class="container" ng-view="" layout="column" flex>		      		
			</div>
		</md-content>
	</section>
</body>

I hope this helps you.

    
27.07.2016 / 18:23