Angular Material wählen Sie die Anzeige unter Dialog

Ich habe ein seltsames Problem und weiß nicht, die Art, es zu lösen.Angular Material wählen Sie die Anzeige unter Dialog

Ich habe einen Dialog von ngDialog erzeugt und in diesem Dialog habe ich die md-select, aber es wird nicht richtig angezeigt. Es zeigt unter dem Dialog tun die Auswahl unlesbar oder klickbare

gibt es eine Möglichkeit, CSS zu verwenden, um dies zu beheben ??

EDIT

ist dies die 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">&#xE7EF;</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>

und hier ist meine Funktion es auszulösen.

$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 
    }); 
};

Bitte sagen Sie mir, wenn Sie brauchen auch die CSS des ngDialog className

Quelle

2016-07-02 Paulo Galdo Sandoval

Wie laufen wir Ihren Code? – Rayon

meine schlechte, warte ein min pls ich werde hinzufügen, dass –

@ Rayon getan. Ich habe es hinzugefügt. –

Nach einem Monat habe ich einmal versucht haben, dieses Problem mit einem erfolgreichen Ergebnis zu lösen.

ich füge gerade z-index hinzu, wie Ajay sagte.

Im css des Dialog className: 'ngdialog-theme-sm ngdialog-theme-custom',

spezielleren auf dem benutzerdefinierten CSS

.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; 
}

Das ist alles und arbeiten ziemlich gut ist. Hoffe diese Hilfe für jemanden mit dem gleichen Problem.

Quelle

2016-08-16 02:01:29

Angular Material wählen Sie die Anzeige unter Dialog

Antwort

Verwandte Themen