0
有許多對話框中,我一直在玩高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>
更好地通過一個plunker /小提琴發佈工作代碼 –
我以前見過這個。你必須在內容的彈性和佈局上玩一下。我認爲你必須將它定義爲flex,以便它獲得可用空間並始終在底部有按鈕。欲瞭解更多信息,請提供演示 –