Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Architect_Programmer_Code Mezőgazdasági Hálózat»Építész › Front-end design és web › Front-end keret › Az Angular 11 sorozat (XV) komponens magasságot szerzi és dinamikusan állítja a magasságot ...
Nézet: 9574|Válasz: 1

[Szöglet] Az Angular 11 Series (XV) felveszi az alkatrész magasságát, és dinamikusan állítja a magasságot

[Linket másol]
Közzétéve 2020. 08. 23. 18:05:22 | | | |
Angular 9 sorozat (1) Dinamikusan feltöltött alkatrészek
https://www.itsvse.com/thread-9238-1-1.html

Szöges 9-es sorozat (2) dinamikus komponens átviteli paraméter
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 sorozat (3) feliratkozik dinamikus komponens eseményekre
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 sorozatú (IV) egyedi csővezetékek
https://www.itsvse.com/thread-9248-1-1.html

Az Angular 9-es sorozat (V) formátumban a pénz összege formátumát
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 sorozat (VI) natív JS változókat és metóduszokat hív
https://www.itsvse.com/thread-9254-1-1.html

Szögletes 9-es sorozat (VII) CSS-stílusú távcső
https://www.itsvse.com/thread-9264-1-1.html

Az Angular 9 sorozat (VIII) egy gyermekkomponens értékét úgy frissíti, hogy egy eseményt indít el halmazon keresztül
https://www.itsvse.com/thread-9267-1-1.html

Angular 9 sorozat (kilenc) #id választó az oldalon
https://www.itsvse.com/thread-9278-1-1.html

Az Angular 9-es sorozat (10) beágyazza a vconsole és eruda fejlesztői hibakereső paneleket
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 sorozat (XI) 5 módja a stílusok meghatározásának
https://www.itsvse.com/thread-9305-1-1.html

Az Angular 9 sorozat (XII) dinamikus tokeneket generál OTP-k alapján
https://www.itsvse.com/thread-9325-1-1.html

Az Angular 10-es sorozat (tizenhárom) bemutatja a Baidu echarts diagramokat
https://www.itsvse.com/thread-9347-1-1.html

Angular 11 sorozat (XIV) gyártási környezet hibakereséshez
https://www.itsvse.com/thread-9348-1-1.html
Először is, a dinamikus böngésző látható magasság- és szélességkódjai a következők:

MiA királykék háttér div a magasságváltozással változik a böngészőben, a magasság a böngésző látható magasságának egyötödé, és a konzol a jelenlegi ablak állított szélességi és magassági értékeit adja ki, ahogy az alábbi ábrán látható:



A kódex a következő:

HTML kód:



TS kód:

Megmérd az alkatrész magasságát

Az app-test1 komponens html kódja a következő:



HTML kód:

TS kód:

Angular 8 vagy újabb verziók esetén két paramétert kell megadnod a ViewChild-ban


Ellenkező esetben a hiba a következő lesz:

ERROR TypeError: Nem olvasható 'clientHeight' tulajdonság nem definiált
Közvetlenül megkapjuk a test1 komponens magasságát, ami 0-t ad vissza, kívülről kell egy div réteget becsomagolnunk, hogy megkapjuk a normál magasságot, ahogy az alábbi ábrán látható:



(Vége)




Előző:[Fordulj] a kurzor pozíciójának megszerzéséhez a html-ben
Következő:NPOI Read Export Demo

Kapcsolódó bejegyzések
 Háziúr| Közzétéve 2020. 08. 23. 18:06:05 |
Vagy próbáld meg a következőket használni:https://www.npmjs.com/package/angular-resize-event
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.
Mail To:help@itsvse.com