I wrote the Angular material dialog as below.However, <md-dialog-actions
at the bottom is displayed at the top.Why?
<md-dialogaria-label="Post Question"ng-clock>
<form>
<md-toolbar>
<div class="md-toolbar-tools">
<h2>Post Question</h2>
<span flex></span>
<md-button class="md-icon-button"ng-click="cancel()">
<md-icon md-svg-src="img/close.svg" aria-label="Close dialog">/md-icon>
</md-button>
</div>
</md-toolbar>
<md-dialog-content style="max-width:800px;max-height:810px;">
<div class="md-dialog-content">
<md-input-container>
<label>Title</label>
<inputng-model="question.title"md-autofocus>
</md-input-container>
<md-list>
<md-subheader class="md-no-sticky">Selections</md-subheader>
<md-list-itemng-repeat="selection in question.selection">
<div class="md-list-item-text" layout="column">
<md-input-container>
<label>Selection {{$index}}</label>
<inputng-model="selection.content">
</md-input-container>
</div>
</md-list-item>
<div layout="row">
<span flex></span>
<md-button class="md-icon-button"ng-click="addSelection()">
<md-icon md-svg-src="img/add_box.svg" area-label="Add Selection">/md-icon>
</md-button>
</div>
</div>
</md-dialog-content>
<md-dialog-actions layout="row">
<span flex></span>
<md-buttoning-click="post(question)" style="margin-right:20px;">Post</md-button>
</md-dialog-actions>
</form>
</md-dialog>
I am also starting to use Angular Material, so I might be able to cooperate.
I am asking the following questions.
I want them.dark() to work in Angular Material
stack overflow
http://goo.gl/T7ah7T
For your reference, please show us a demo with CodePen.
CodePen
http://codepen.io/
© 2024 OneMinuteCode. All rights reserved.