Как заполнить столбец вертикально. В настоящее время у меня есть это приложение.Конструкция углового материала как заполнить столбец вертикально
Я хочу spand вертикальных элементов вертикально, чтобы взять на себя остальную часть страницы. Я пробовал часами читать документы и проверять другие сообщения, но я просто не знаю, что не так. Я только начал использовать угловой материал, и я новичок в концепции гибкой коробки.
это мой код.
<body ng-cloak layout="column" ng-app="app">
<div layout="row" flex>
<md-sidenav layout="column" md-component-id="left" class="md-whiteframe-1dp" md-is-locked-open="true">
<md-list>
<md-list-item>
<md-button ng-click="">
<md-icon md-font-set="material-icons">face</md-icon>
Alex
</md-button>
</md-list-item>
<md-list-item>
<md-button ng-click="">
<md-icon md-font-set="material-icons">face</md-icon>
Tara
</md-button>
</md-list-item>
</md-list>
</md-sidenav>
<md-content flex id="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi at consequuntur doloremque
dolores
dolorum eaque, exercitationem expedita facere fugiat ipsam nemo possimus quod recusandae repellendus, saepe
sequi
vitae, voluptas!
</p>
</md-content>
</div>
Я просто заметил, что родительский DIV .app-обертка вызывает проблему, но я хочу, чтобы сохранить его.
Вы можете создать плункер? – Sajeetharan
@ user3862830 Вот файл plnkr https://plnkr.co/edit/T8HaQ62IlEjXUWQpJo04?p=preview, который я создал для вас, но я вижу, что он подходит ко дну, в отличие от вашей проблемы. Обновите plnkr, чтобы воспроизвести проблему. – bhantol
Я добавил ручку кода – user3862830