Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Architect_Programmer_Code Rețeaua Agricolă»Arhitect › Design front-end & web › Cadru frontal › Seria unghiulară 11 (XV) dobândește înălțimea componentelor și ajustează dinamic înălțimea ...
Vedere: 9574|Răspunde: 1

[Unghiular] Seria Angular 11 (XV) dobândește înălțimea componentelor și ajustează dinamic înălțimea

[Copiază linkul]
Postat pe 23.08.2020 18:05:22 | | | |
Componentele Încarcate Dinamic din Seria Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Parametrii de transmisie a componentelor dinamice din seria Angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Seria Angular 9 (3) aderă la evenimentele componente dinamice
https://www.itsvse.com/thread-9246-1-1.html

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

Seria Angular 9 (V) formatează moneda sumei
https://www.itsvse.com/thread-9249-1-1.html

Seria Angular 9 (VI) apelează variabile și metode JS native
https://www.itsvse.com/thread-9254-1-1.html

Luneta de tip CSS din seria Angular 9 (VII)
https://www.itsvse.com/thread-9264-1-1.html

Seria Angular 9 (VIII) actualizează valoarea unei componente copil prin declanșarea unui eveniment prin setare
https://www.itsvse.com/thread-9267-1-1.html

Selectorul de #id Angular 9 Series (nouă) aplicat pe pagină
https://www.itsvse.com/thread-9278-1-1.html

Seria Angular 9 (10) încorporează panouri de depanare pentru dezvoltatori vconsole și eruda
https://www.itsvse.com/thread-9286-1-1.html

Seria Angular 9 (XI) 5 moduri de a defini stilurile
https://www.itsvse.com/thread-9305-1-1.html

Seria Angular 9 (XII) generează tokenuri dinamice bazate pe OTP-uri
https://www.itsvse.com/thread-9325-1-1.html

Seria Angular 10 (treisprezece) introduce graficele echarts Baidu
https://www.itsvse.com/thread-9347-1-1.html

Mediul de producție Angular seria 11 (XIV) pentru depanare
https://www.itsvse.com/thread-9348-1-1.html
În primul rând, codurile dinamice de înălțime și lățime vizibile ale browserului sunt următoarele:

NoiDivizia de fundal albastru regal se schimbă odată cu schimbarea de înălțime în tot browserul, înălțimea este o cincime din înălțimea vizibilă a browserului, iar consola afișează valorile ajustate ale lățimii și înălțimii ferestrei curente, așa cum se arată în figura de mai jos:



Codul este următorul:

Cod HTML:



Cod TS:

Obține înălțimea componentei

Codul html pentru componenta app-test1 este următorul:



Cod HTML:

Cod TS:

Pentru Angular 8 sau versiunile ulterioare, trebuie să furnizezi doi parametri în ViewChild


În caz contrar, eroarea va fi următoarea:

EROARE Tip Eroare: Nu se poate citi proprietatea 'clientHeight' a nedefinitului
Obținem direct înălțimea componentei test1, va returna 0, trebuie să înfășurăm un strat de div din exterior pentru a obține înălțimea normală, așa cum se arată în figura de mai jos:



(Sfârșit)




Precedent:[Întoarce] pentru a obține poziția cursorului în html
Următor:Demonstrația de export NPOI Read

Postări conexe
 Proprietarul| Postat pe 23.08.2020 18:06:05 |
Sau încearcă să folosești:https://www.npmjs.com/package/angular-resize-event
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.
Mail To:help@itsvse.com