대화 상자에서 각도 재료 선택 디스플레이

이상한 문제가 있고 해결 방법을 모릅니다.대화 상자에서 각도 재료 선택 디스플레이

ngDialog에 의해 생성 된 대화 상자가 있는데이 대화 상자 안에는 md-select이 있지만 제대로 표시되지 않습니다. 그것은 읽을 수없는 선택이나 clickeable을하고 대화 상자 아래에 표시

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">&#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>

입니다.

$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

출처

2016-07-02 Paulo Galdo Sandoval

코드를 어떻게 실행합니까? – Rayon

내 나쁜, 최소 pls 기다려주세요 내가 그 –

@ 레이먼 완료 추가됩니다. 나는 그것을 추가했다. –

의 CSS을 필요로하는 경우에 저에게 알려주십시오.

그냥 Ajay가 말한대로 z-index을 추가합니다. 모든 꽤 잘 작동하고있어 사용자 정의 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; 
}

에 대한보다 구체적인 대화 className: 'ngdialog-theme-sm ngdialog-theme-custom',

의 CSS에서

. 같은 문제가있는 사람에게 도움을 요청하십시오.

출처

2016-08-16 02:01:29

대화 상자에서 각도 재료 선택 디스플레이

답변

관련 문제