Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Architect_Programmer_Code Rete Agricola»Architetto › Progettazione front-end e web › Telaio frontale › La serie angolare 11 (XV) acquisisce l'altezza dei componenti e regola dinamicamente l'altezza ...
Vista: 9574|Risposta: 1

[Angolare] La Serie Angular 11 (XV) acquisisce l'altezza dei componenti e regola dinamicamente l'altezza

[Copiato link]
Pubblicato su 23/08/2020 18:05:22 | | | |
Componenti dinamici a carica dinamica della serie Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Parametri di trasmissione dinamici dei componenti della serie Angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

La serie Angular 9 (3) si abscrive agli eventi dinamici a componente
https://www.itsvse.com/thread-9246-1-1.html

Tubazioni personalizzate Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Serie Angular 9 (V) formata il formato di valuta di quantità
https://www.itsvse.com/thread-9249-1-1.html

La serie angolare 9 (VI) chiama variabili e metodi JS nativi
https://www.itsvse.com/thread-9254-1-1.html

Cannaletico in stile CSS della serie Angular 9 (VII)
https://www.itsvse.com/thread-9264-1-1.html

La serie angolare 9 (VIII) aggiorna il valore di un componente figlio attivando un evento tramite un set
https://www.itsvse.com/thread-9267-1-1.html

Selettore di #id Angular 9 Series (nove) applicato sulla pagina
https://www.itsvse.com/thread-9278-1-1.html

La serie Angular 9 (10) incorpora i pannelli di debug degli sviluppatori vconsole ed eruda
https://www.itsvse.com/thread-9286-1-1.html

Serie Angular 9 (XI) 5 modi per definire gli stili
https://www.itsvse.com/thread-9305-1-1.html

Angular 9 series (XII) genera token dinamici basati su OTP
https://www.itsvse.com/thread-9325-1-1.html

La serie Angular 10 (tredici) introduce le carte echart di Baidu
https://www.itsvse.com/thread-9347-1-1.html

Ambiente di produzione Angular 11 serie (XIV) per il debug
https://www.itsvse.com/thread-9348-1-1.html
Innanzitutto, i codici di altezza e larghezza visibili dinamici del browser sono i seguenti:

NoiIl div di sfondo blu reale cambia con la variazione di altezza in tutto il browser, l'altezza è un quinto dell'altezza visibile del browser, e la console mostra i valori di larghezza e altezza regolati della finestra corrente, come mostrato nella figura sottostante:



Il codice è il seguente:

Codice HTML:



Codice TS:

Verifica l'altezza del componente

Il codice html per il componente app-test1 è il seguente:



Codice HTML:

Codice TS:

Per Angular 8 o versioni successive, devi fornire due parametri nel ViewChild


Altrimenti, l'errore sarà il seguente:

Tipo di erroreErrore: Non si può leggere la proprietà 'clientHeight' di undefined
Otteniamo direttamente l'altezza del componente test1, restituirà 0, dobbiamo avvolgere uno strato di div dall'esterno per ottenere l'altezza normale, come mostrato nella figura sottostante:



(Fine)




Precedente:[Gira] per ottenere la posizione del cursore nell'html
Prossimo:Demo di esportazione NPOI Read

Post correlati
 Padrone di casa| Pubblicato su 23/08/2020 18:06:05 |
Oppure prova a usare:https://www.npmjs.com/package/angular-resize-event
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.
Mail To:help@itsvse.com