Tento článek je zrcadlovým článkem o strojovém překladu, klikněte zde pro přechod na původní článek.

Architect_Programmer_Code Zemědělská síť»Architekt › Front-end design a web › Přední rám › Angular série 11 (XV) získává výšku komponentů a dynamicky upravuje výšku ...
Pohled: 9574|Odpověď: 1

[Angular] Angular 11 Series (XV) získává výšku komponentů a dynamicky upravuje výšku

[Kopírovat odkaz]
Zveřejněno 23.08.2020 18:05:22 | | | |
Angular 9 Series (1) Dynamicky zatížené komponenty
https://www.itsvse.com/thread-9238-1-1.html

Dynamické přenosové parametry komponent řady 9 série (2)
https://www.itsvse.com/thread-9245-1-1.html

Série Angular 9 (3) podporuje dynamické události komponent
https://www.itsvse.com/thread-9246-1-1.html

Vlastní potrubí pro Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formátuje formát měny částky
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 series (VI) volá nativní JS proměnné a metody
https://www.itsvse.com/thread-9254-1-1.html

Angular 9 série (VII) zaměřovač ve stylu CSS
https://www.itsvse.com/thread-9264-1-1.html

Řada Angular 9 (VIII) aktualizuje hodnotu podkomponenty spuštěním události pomocí setu
https://www.itsvse.com/thread-9267-1-1.html

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

Angular 9 série (10) vkládá panely pro ladění vývojářů vconsole a eruda
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 Series (XI) 5 způsobů, jak definovat styly
https://www.itsvse.com/thread-9305-1-1.html

Řada Angular 9 (XII) generuje dynamické tokeny založené na OTP
https://www.itsvse.com/thread-9325-1-1.html

Série Angular 10 (třináct) představuje Baidu echarts mapy
https://www.itsvse.com/thread-9347-1-1.html

Produkční prostředí řady Angular 11 (XIV) pro ladění
https://www.itsvse.com/thread-9348-1-1.html
Za prvé, dynamické viditelné výškové a šířkové kódy prohlížeče jsou následující:

MyDiv s královsky modrým pozadím se mění s výškou v celém prohlížeči, výška je jedna pětina viditelné výšky prohlížeče a konzole vypisuje upravené hodnoty šířky a výšky aktuálního okna, jak je znázorněno na obrázku níže:



Kód je následující:

HTML kód:



TS kód:

Získejte výšku komponenty

HTML kód pro komponentu app-test1 je následující:



HTML kód:

TS kód:

Pro Angular 8 nebo novější je potřeba zadat dva parametry v ViewChild


Jinak bude chyba následující:

ERROR TypeError: Nelze přečíst vlastnost 'clientHeight' nedefinované
Přímo získáme výšku komponenty test1, vrátí 0, musíme obalit vrstvu div zvenčí, abychom získali normální výšku, jak je znázorněno na obrázku níže:



(Konec)




Předchozí:[Otočit] pro získání pozice kurzoru v HTML
Další:NPOI Čtěte Export Demo

Související příspěvky
 Pronajímatel| Zveřejněno 23.08.2020 18:06:05 |
Nebo zkuste použít:https://www.npmjs.com/package/angular-resize-event
Zřeknutí se:
Veškerý software, programovací materiály nebo články publikované organizací Code Farmer Network slouží pouze k učení a výzkumu; Výše uvedený obsah nesmí být používán pro komerční ani nelegální účely, jinak nesou všechny důsledky uživatelé. Informace na tomto webu pocházejí z internetu a spory o autorská práva s tímto webem nesouvisí. Musíte výše uvedený obsah ze svého počítače zcela smazat do 24 hodin od stažení. Pokud se vám program líbí, podporujte prosím originální software, kupte si registraci a získejte lepší skutečné služby. Pokud dojde k jakémukoli porušení, kontaktujte nás prosím e-mailem.
Mail To:help@itsvse.com