フレックスのレイアウトがmd-dialog-actionsで動作しない

Question

角のある素材を使用しているボタンのクリックでモーダルを開く必要があります。 ここでは、右に向かってダイアログの下部に2つのボタンが必要です。 必要に応じて動作しないflexでレイアウトを使用しました。

HTML：

<md-dialog ng-cloak class="promptIncludeExclude-options"> 
<md-toolbar class="promptIncludeExclude-header"> 
    <div class="md-toolbar-tools"> 
     <span class="title">Product Inclusion Notification</span> 
     <span flex></span> 
     <md-button class="md-icon-button" ng-click="dialogController.closeDialog()"> 
      <span class="close-dialog">&#10005;</span> 
     </md-button> 
    </div> 
</md-toolbar> 
<md-dialog-content> 
</md-dialog-content> 
<md-dialog-actions layout="row"> 
    <div flex="25" flex-offset="25"><md-button ng-click="dialogController.closeDialog()" >Proceed</md-button></div> 
    <div flex="50" flex-offset="20" ><md-button ng-click="dialogController.closeDialog()">Cancel</md-button></div> 
</md-dialog-actions> 

Answer 1

シンプルなレイアウト構成です。あなたが好きなコンテンツを揃えるために、レイアウトクラスを使用します。

<md-dialog-actions class="layout-row layout-align-end-end"> 
    <md-button ng-click="dialogController.closeDialog()">Proceed</md-button> 
    <md-button ng-click="dialogController.closeDialog()">Cancel</md-button> 
</md-dialog-actions> 

それはdivの内側のボタンをラップし、それらにフレックス幅を与え、オフセットは不要だし、確かにこれは物事をいじりされているものです...