[英]Angular-Material : md-select in md-dialog not closing
[英]Angular material select display under dialog
我有一個奇怪的問題,不知道解決它的方法。
我有一個由ngDialog
生成的對話框,在這個對話框中我有md-select
但它沒有正確顯示。 它在對話框下顯示選擇不可讀或可解決
有沒有辦法用CSS來解決這個問題?
編輯
這是modal-cerrar-nota.html
<!DOCTYPE html>
<div class="ngdialog-message" md-theme="docs-dark">
<md-toolbar class="md-warn">
<div class="md-toolbar-tools">
<h3 class="modal-title" style="width: 100%; text-align: center;">
¿Deseas finalizar esta nota de credito?
</h3>
</div>
</md-toolbar>
<md-content flex>
<md-content class="md-padding" flex>
<div layout="column" class="md-padding">
<p flex style="text-align: center; font-weight: bold;">Una vez finalizada esta acción no podras deshacerla.</p>
<form name="cerrarNota"
ng-controller="ClienteController"
data-ng-init="listaClientes()">
<md-input-container class="md-block md-icon" flex>
<label>Seleccione un cliente</label>
<md-icon class="material-icons"></md-icon>
<md-select ng-model="cli"
ng-model-options="{trackBy: '$value.idCliente'}"
required name="cliente">
<md-option ng-value="cliente"
ng-repeat="cliente in clientes">{{cliente.nombreCliente}}</md-option>
</md-select>
</md-input-container>
<div flex style="text-align: center;">
<button type="button"
ng-click=""
class="btn btn-success">Devolver</button>
</div>
</form>
</div>
</md-content>
</md-content>
<md-content flex class="md-padding">
<button class="btn btn-md btn-danger pull-right"
ng-click="closeThisDialog('')">Cerrar</button>
</md-content>
</div>
這是我觸發它的功能。
$scope.cerrarNotaCredito = function () {
ngDialog.open({
template: 'views/nota_credito/modal-cerrar-nota.html',
className: 'ngdialog-theme-sm ngdialog-theme-custom',
showClose: false,
controller: 'ModalController',
closeByDocument: false,
closeByEscape: false
});
};
如果你還需要ngDialog className
的CSS,請告訴我
一個月后,我嘗試過一次以成功的結果解決這個問題。
我只是添加z-index
因為Ajay說。
在對話框className: 'ngdialog-theme-sm ngdialog-theme-custom',
的css中className: 'ngdialog-theme-sm ngdialog-theme-custom',
更具體的自定義css ngdialog-theme-sm
.ngdialog.ngdialog-theme-sm {
z-index: 80;
padding-bottom: 50px;
padding-top: 50px;
-webkit-perspective: 1300px;
-ms-perspective: 1300px;
perspective: 1300px;
-webkit-perspective-origin: 50% 150px;
-ms-perspective-origin: 50% 150px;
perspective-origin: 50% 150px;
}
這一切都很好,工作得很好。 希望對有同樣問題的人有所幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.