각도 재질 $ mdDialog는 Kendo 팝업창의 적용을받습니다.

Question

AngularJS 프로젝트에서 Angular Material을 사용 중이며 Angular Material dialog과 일치하도록 alert() 함수로 열린 경고창을 바꾸기를 원합니다.

각도 재질로 제공된 데모와 문서를 살펴보고 기능을 ng-click으로 연결했습니다.

<md-button class="md-primary md-raised" ng-click="showAlert($event)" > 
    Save 
</md-button> 

버튼은 kWindow.open() 함수로 열리는 팝업 Kendo 창 안에 있습니다.

var windowInstance = $kWindow.open({ 
       /// Logic omitted 
      }); 

내 현재 논리에서 버튼을 클릭하면 서비스가 호출되어 서버에 데이터가 게시됩니다. 그 다음에 "Saved successfully"라는 메시지와 함께 경고를 보여주고 싶습니다. 문제는 Angular Material 대화 상자가 팝업 창으로 덮여 있다는 것입니다.

경고 창과 같이 대화 상자가 맨 위에 표시되도록하려면이 문제를 어떻게 해결할 수 있습니까?

Answer 1

조사한 결과 CSS 파일에서 Angular Material 대화 상자의 z-index 속성을 설정하여 레이어 높이를 변경할 수 있음을 알았습니다. 제 경우에는 10000이 여전히 창으로 덮여 있지만 20000은 올바르게 작동합니다.

.md-dialog-container { 
    z-index: 20000; 
}