Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Architect_Programmer_Code Réseau agricole»Architecte › Conception front-end & web › Cadre frontal › Tutoriel plein écran Angular 7 Div (carte)
Vue: 50544|Répondre: 14

[Angulaire] Tutoriel plein écran Angular 7 Div (carte)

[Copié le lien]
Publié sur 21/05/2019 10:39:45 | | | |
J’ai déjà écrit quelques tutoriels plein écran pour div, tous purement HTML et pages web js, mais cette fois le framework utilise Angular, comment implémenter un div en plein écran ? Le texte vise à rendre le div en plein écran de la carte, et le rendu est le suivant :



Post précédent :

HTML5 détermine s’il est en plein écran
https://www.itsvse.com/thread-3807-1-1.html
(Source : Architect_Programmer)
HTML5 sort des événements en plein écran et écoute les événements clés ESC
https://www.itsvse.com/thread-3800-1-1.html
(Source : Architect_Programmer)
Code plein écran de la carte Baidu (code plein écran div)
https://www.itsvse.com/thread-3801-1-1.html
(Source : Architect_Programmer)

Utilisez screenfull.js plugin plein écran à l’adresse :La connexion hyperlientérée est visible.

Installation du NMP :


Angular 7 introduit des plugins :


Code de carte de page HTML :


Déclenchez l’événement onClickScreenFull pour rendre le div en plein écran, le code du script ts est le suivant :

Touristes, si vous voulez voir le contenu caché de ce post, s’il vous plaîtRépondre


L’API plein écran HTML5 dans Angular.js plugin peut aussi obtenir un effet plein écran, je ne vais pas le tester ici, adresse :La connexion hyperlientérée est visible.

Ressources:La connexion hyperlientérée est visible.




Précédent:Parlez-moi de l’opération java rabbitmq, basicQos() est invalide ?
Prochain:Introduction aux licences open source courantes (GPL, BSD, MIT, Mozilla, Apache).

Articles connexes
Publié sur 14/01/2020 11:40:19 |
ERREUR dans node_modules/screenfull/dist/screenfull.d.ts(1,1) : erreur TS1084 : Syntaxe de directive 'reference' invalide.
Publié sur 25/06/2020 16:22:29 |
Grand frère, grand frère
Publié sur 10/08/2019 09:53:31 |
Si vous répondez pour voir le contenu, si vous pouvez vraiment l’utiliser, alors 666
Publié sur 21/05/2019 12:49:59 |
Marquez-le
Publié sur 20/06/2019 15:56:10 |
Marquez-le
Publié sur 23/07/2019 10:30:56 |
Marque, ça va plus tard
Publié sur 05/09/2019 03:20:31 |
Bien, super bien, super super bien
Publié sur 01/11/2019 14:02:02 |
Merci au propriétaire d’avoir partagé de si bonnes informations
Lac
Publié sur 28/12/2019 11:29:17 |
J’ai dépensé deux yuans pour acheter un code d’invitation juste pour le voir
Publié sur 30/12/2019 15:03:12 |
Marquez-le
Publié sur 04/01/2020 17:35:42 |
Brisez le point et envoyez les érudits et les fonctionnaires disperser les lieux
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.
Mail To:help@itsvse.com