2017-12-20 26 views
0

각도 2 프로젝트에서 팝업을 구현하는 동안 문제가 발생했습니다. 10 개의 다른 액션을 배치 할 필요가있는 페이지가 1 개 있으며 클릭하면 몇 가지 추가 정보 또는 간단한 확인을 제공 할 수있는 팝업이 표시됩니다. 문제는 적어도 5 가지 유형의 팝업 (날짜 선택기, 드롭 다운 메뉴 2 개, 다중 드롭 다운 메뉴 등 1 개가 있음)입니다. 다른 구성 요소를 구현해야 할 필요가 있다고 생각합니다. 팝업) 및 일부 대화 서비스. 아무도 앵귤러 2 좋은 관행과 함께이 작업을 수행하는 방법을 알고 있습니까?각도 2, 다른 팝업 유형

+0

https://material.angular.io/components/dialog/overview를 사용하면 오버레이 컨테이너에 다른 구성 요소를 표시 할 수 있습니다. –

+1

또 다른 방법은 헤더, 본문 및 바닥 글과 같은 일반 오버레이 디자인을 사용자 정의 플래그로 제공하고 ng-content를 사용하여 구현을 상위 구성 요소로 두십시오. – RRForUI

+0

@RRForUI 네,이 문제에 대한 최선의 해결책이라고 생각합니다. –

답변

-1

PrimeNG 사업이 복잡한 경우 구성 요소 구현의 5 개 가지 유형을 선호 p-dialog 오버레이 구성 요소

<p-dialog header="Title" [(visible)]="display"> 
    Content 
</p-dialog> 

있습니다. 선택자를 p-dialogContent 섹션 대신 사용하십시오.

희망이 있으면 잘 될 것입니다.

+0

나는 prime-ng 접근법을 개인적으로 좋아하지 않는다. –