Tento článok je zrkadlovým článkom o strojovom preklade, kliknite sem pre prechod na pôvodný článok.

Architect_Programmer_Code Poľnohospodárska sieť»Architekt › Front-end dizajn a web › Predný rám › Angular 11 Series (XV) získava výšku komponentov a dynamicky upravuje výšku ...
Pohľad: 9574|Odpoveď: 1

[Angular] Angular 11 Series (XV) získava výšku komponentov a dynamicky upravuje výšku

[Kopírovať odkaz]
Zverejnené 23. 8. 2020 18:05:22 | | | |
Dynamicky zaťažené komponenty série Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Dynamické prenosové parametre pre sériu Angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Séria Angular 9 (3) podporuje dynamické komponentové udalosti
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 Series (IV) Custom Pipe potrubia
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formátuje formát sumy meny
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 series (VI) volá natívne JS premenné a metódy
https://www.itsvse.com/thread-9254-1-1.html

Angular 9 series (VII) v štýle CSS
https://www.itsvse.com/thread-9264-1-1.html

Angular 9 séria (VIII) aktualizuje hodnotu podkomponentu spustením udalosti cez set
https://www.itsvse.com/thread-9267-1-1.html

Angular 9 Series (deväť) #id selektor aplikovaný na stránku
https://www.itsvse.com/thread-9278-1-1.html

Angular 9 séria (10) vkladá panely na ladenie vývojárov vconsole a eruda
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 Series (XI) 5 spôsobov, ako definovať štýly
https://www.itsvse.com/thread-9305-1-1.html

Séria Angular 9 (XII) generuje dynamické tokeny na základe OTP
https://www.itsvse.com/thread-9325-1-1.html

Séria Angular 10 (trinásť) predstavuje Baidu echarts mapy
https://www.itsvse.com/thread-9347-1-1.html

Produkčné prostredie série Angular 11 (XIV) na ladenie
https://www.itsvse.com/thread-9348-1-1.html
Po prvé, dynamické kódy viditeľnej výšky a šírky prehliadača sú nasledovné:

MyDiv s kráľovskou modrou farbou pozadia sa mení so zmenou výšky v prehliadači, výška je pätina viditeľnej výšky prehliadača a konzola vypisuje upravenú šírku a výšku aktuálneho okna, ako je znázornené na obrázku nižšie:



Kód je nasledovný:

HTML kód:



TS kód:

Zistite výšku komponentu

HTML kód pre komponent app-test1 je nasledovný:



HTML kód:

TS kód:

Pre Angular 8 alebo novšie je potrebné zadať dva parametre v ViewChild


Inak bude chyba nasledovná:

ERROR TypeError: Nemožno prečítať vlastnosť 'clientHeight' nedefinovanej
Priamo dostaneme výšku komponentu test1, vráti 0, musíme obaliť vrstvu div zvonku, aby sme získali normálnu výšku, ako je znázornené na obrázku nižšie:



(Koniec)




Predchádzajúci:[Otoč] na získanie pozície kurzora v HTML
Budúci:NPOI Read Export Demo

Súvisiace príspevky
 Prenajímateľ| Zverejnené 23. 8. 2020 18:06:05 |
Alebo skúste využiť:https://www.npmjs.com/package/angular-resize-event
Vyhlásenie:
Všetok softvér, programovacie materiály alebo články publikované spoločnosťou Code Farmer Network slúžia len na vzdelávacie a výskumné účely; Vyššie uvedený obsah nesmie byť použitý na komerčné alebo nezákonné účely, inak nesú všetky následky používateľmi. Informácie na tejto stránke pochádzajú z internetu a spory o autorské práva s touto stránkou nesúvisia. Musíte úplne vymazať vyššie uvedený obsah zo svojho počítača do 24 hodín od stiahnutia. Ak sa vám program páči, podporte originálny softvér, zakúpte si registráciu a získajte lepšie originálne služby. Ak dôjde k akémukoľvek porušeniu, kontaktujte nás prosím e-mailom.
Mail To:help@itsvse.com