角材料對話框犯規收縮

有許多對話框中，我一直在玩高100％和佈局，它只是不goign之遙，按鈕後，空間不是汽車就像一個縮水常規的mdDialog。我可以使用斷線和佈局填充來使地圖處於打開狀態，因爲它只有一點空間。但是，當地圖像第二張圖片一樣關閉時，空間很大。我如何解決這個優選的角度材料溶液

<md-dialog class="updateLocationMap" flex="50" > 
 
    <form name="updateLocationForm"> 
 

 
    <md-toolbar> 
 
     <close-dialog label="{{'MENU-ITEMS.UPDATELOC-PARENT' | translate}}"></close-dialog> 
 
    </md-toolbar> 
 

 
    <md-dialog-content > 
 
     <div layout layout-padding> 
 
     
 
     <si-parent-search 
 
      on-update="ctrl.updateSelectedParent(selected)" 
 
      classification='ctrl.asset.classification' 
 
      pre-select='ctrl.asset.parents[ctrl.asset.parents.length -1]' 
 
     ></si-parent-search> 
 
     
 
     <span flex></span> 
 
     
 
     <md-switch ng-model='ctrl.useMap'>Use Map</md-switch> 
 
     </div> 
 
     
 
<div layout-padding> 
 
     <si-coordinate-select ng-if='ctrl.useMap' 
 
     on-update='ctrl.updateLatLong(lat, long)' 
 
     mapid='update-location-xs' 
 
     ></si-coordinate-select> 
 
</div> 
 
     <div ng-if='!ctrl.useMap' layout layout-xs='column' layout-padding> 
 
      <md-input-container flex class="md-accent"> 
 
       <label translate="LABELS.LAT"></label> 
 
       <input ng-model="ctrl.asset.latitude" required> 
 
      </md-input-container> 
 
      <md-input-container flex class="md-accent"> 
 
       <label translate="LABELS.LONG"></label> 
 
       <input ng-model="ctrl.asset.longitude" required> 
 
      </md-input-container> 
 
     </div> 
 

 
    </md-dialog-content> 
 
    
 
    <md-dialog-actions layout-padding > 
 
     <md-button aria-label="Close Dialog" ng-click="ctrl.cancel()" class="md-accent" translate="BUTTON.CANCEL"></md-button> 
 
     <input ng-if="!ctrl.useMap" type="submit" ng-click="ctrl.submit()" value="{{'BUTTON.UPDATE' | translate}}" class="md-button md-accent"> 
 
     <input ng-if="ctrl.useMap" type="submit" ng-disabled="updateLocationForm.$invalid" ng-click="ctrl.submit()" value="{{'BUTTON.UPDATE' | translate}}" class="md-button md-accent"> 
 
    </md-dialog-actions> 
 
    </form> 
 
</md-dialog>

來源

2017-06-01 Anu Rajan

更好地通過一個plunker /小提琴發佈工作代碼 –

我以前見過這個。你必須在內容的彈性和佈局上玩一下。我認爲你必須將它定義爲flex，以便它獲得可用空間並始終在底部有按鈕。欲瞭解更多信息，請提供演示 –

通過使用高度解決的問題：汽車內部

移除此解決了對MD-對話框的動作佈局填充問題

來源

2017-06-02 23:03:37

角材料對話框犯規收縮

回答

相關問題