0

Quero deixar fixo a sidenav e o toolbar do Angular Material, e o conteúdo da aplicação ficar no restante da página. Na minha index.html estou usando a diretiva ng-view pra renderizar. Tenho uma pagina menu.html que está a sidenav e a tollbar, e outras paginas, como home.html. Como faço pra deixar fixo em todas as paginas a minha sidenav e a toolbar?

1 Resposta 1

0

Eu uso esse template para ter o menu lateral e um toolbar fixo.. alterando somente as rotas no angularjs para 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>

Espero que isso te ajude.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .