Angular 18 시리즈(27)는 div 영역을 전체 화면으로 전환하고 전체 화면으로 나갈 수 있습니다

작은 쓰레기 같은 놈들 · 게시됨 2024. 11. 20. 오후 9:02:14

요구사항: 웹사이트에 너무 많은 콘텐츠가 있을 때가 있어, 사용자 조작을 용이하게 하기 위해 특정 div 영역을 전체 화면으로 표시해야 하며, 전체 화면을 모니터링하고 전체 화면 종료 이벤트를 종료하여 버튼 상태 변경을 트리거해야 합니다.

복습:

Angular 7 Div (지도) 전체 화면 튜토리얼
https://www.itsvse.com/thread-7602-1-1.html

HTML5는 전체 화면인지 여부를 결정합니다
https://www.itsvse.com/thread-3807-1-1.html

HTML5는 전체 화면 이벤트를 종료하고 ESC 키 이벤트를 감지합니다
https://www.itsvse.com/thread-3800-1-1.html

바이두 지도 전체 화면 코드 (div 전체 화면 코드)
https://www.itsvse.com/thread-3801-1-1.html

먼저 렌더링을 살펴보겠습니다.

HTML 코드:

로그인이 보이네요.

TS 코드는 다음과 같습니다:

로그인이 보이네요.

NG-ZORRO 프레임워크를 사용한다면, 전체 화면(모달 박스) 이후에 일부 컴포넌트가 제대로 표시되지 않으며, 다음과 같이 app.config.ts 설정해야 합니다:

로그인이 보이네요.

(끝)

[각] Angular 18 시리즈(27)는 div 영역을 전체 화면으로 전환하고 전체 화면으로 나갈 수 있습니다

관련 게시물

본 섹션