This article is a mirror article of machine translation, please click here to jump to the original article.

Architect_Programmer_Code Agriculture Network»Architect › Front-end design & web › Front-end frame › Angular 18 Series (Twenty-Seven) Lets Div Region Full Screen and Exit Full Screen ...
View: 1582|Reply: 0

[Angular] The Angular 18 series (twenty-seven) lets the div area full screen and exit full screen

[Copy link]
Posted on 11/20/2024 9:02:14 PM | | | |
Requirements: Sometimes there is too much content on the website, and it is necessary to display a certain div area in full screen to facilitate user operation, and it is also necessary to monitor the full screen and exit full-screen events to trigger some button state changes.

Review:

Angular 7 Div (map) full-screen tutorial
https://www.itsvse.com/thread-7602-1-1.html

HTML5 determines whether it is in full screen
https://www.itsvse.com/thread-3807-1-1.html

HTML5 exits full-screen events and listens for ESC key events
https://www.itsvse.com/thread-3800-1-1.html

Baidu Map Full Screen Code (div full screen code)
https://www.itsvse.com/thread-3801-1-1.html
Let's take a look at the renderings first, as follows:



HTML code:

The TS code is as follows:

If you use the NG-ZORRO framework, some components cannot be displayed properly after full screen (modal box), and you need to set it in app.config.ts as follows:

(End)





Previous:【UPS】APC PowerChute Serial Shutdown management software
Next:Windows Server {xxx} is not registering with DCOM within the required timeout.

Related Posts
Disclaimer:
All software, programming materials or articles published by Code Farmer Network are only for learning and research purposes; The above content shall not be used for commercial or illegal purposes, otherwise, users shall bear all consequences. The information on this site comes from the Internet, and copyright disputes have nothing to do with this site. You must completely delete the above content from your computer within 24 hours of downloading. If you like the program, please support genuine software, purchase registration, and get better genuine services. If there is any infringement, please contact us by email.
Mail To:help@itsvse.com