In the Angular material dialog, md-dialog-actions is up.

Asked 2 years ago, Updated 2 years ago, 61 views

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>

html angularjs angular-material

2022-09-30 17:37

1 Answers

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/


2022-09-30 17:37

If you have any answers or tips


© 2024 OneMinuteCode. All rights reserved.