Denne artikel er en spejling af maskinoversættelse, klik venligst her for at springe til den oprindelige artikel.

Architect_Programmer_Code Landbrugsnetværk»Arkitekt › Front-end design og web › Forrammen › Angular 11-serien (XV) får komponenthøjde og justerer dynamisk højden ...
Udsigt: 9574|Svar: 1

[Kantet] Angular 11 Series (XV) opnår komponenthøjde og justerer dynamisk højden

[Kopier link]
Opslået på 23/08/2020 18.05.22 | | | |
Angular 9 serie (1) dynamisk belastede komponenter
https://www.itsvse.com/thread-9238-1-1.html

Parametre for vinkel 9-serie (2) dynamiske komponenttransmissionsparametre
https://www.itsvse.com/thread-9245-1-1.html

Angular 9-serie (3) abonnerer på dynamiske komponentbegivenheder
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 Series (IV) specialrørledninger
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formaterer beløbsvalutaformatet
https://www.itsvse.com/thread-9249-1-1.html

Angular 9-serie (VI) kalder native JS-variabler og -metoder
https://www.itsvse.com/thread-9254-1-1.html

Angular 9-serie (VII) CSS-lignende sigtemod
https://www.itsvse.com/thread-9264-1-1.html

Angular 9-serie (VIII) opdaterer værdien af en underkomponent ved at udløse en hændelse via et sæt
https://www.itsvse.com/thread-9267-1-1.html

Angular 9 Series (ni) #id vælger anvendt på siden
https://www.itsvse.com/thread-9278-1-1.html

Angular 9-serien (10) indlejrer vconsole og eruda udvikler debugging-paneler
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 Serie (XI) 5 måder at definere stilarter på
https://www.itsvse.com/thread-9305-1-1.html

Angular 9-serien (XII) genererer dynamiske tokens baseret på OTP'er
https://www.itsvse.com/thread-9325-1-1.html

Angular 10-serien (tretten) introducerer Baidu echarts-diagrammer
https://www.itsvse.com/thread-9347-1-1.html

Angular 11-serie (XIV) produktionsmiljø til fejlfinding
https://www.itsvse.com/thread-9348-1-1.html
For det første er de dynamiske browserens synlige højde- og breddekoder som følger:

ViDen kongeblå baggrundsdiv ændrer sig med højdeændringen gennem browseren, højden er en femtedel af browserens synlige højde, og konsollen udgiver de justerede bredde- og højdeværdier for det aktuelle vindue, som vist i figuren nedenfor:



Koden er som følger:

HTML-kode:



TS-kode:

Få højden på komponenten

HTML-koden for app-test1-komponenten er som følger:



HTML-kode:

TS-kode:

For Angular 8 eller nyere skal du angive to parametre i ViewChild


Ellers vil fejlen være som følger:

FEJL TypeError: Kan ikke læse egenskaben 'clientHeight' for udefineret
Vi får direkte test1-komponenthøjden, den returnerer 0, vi skal vikle et lag div udefra for at få normalhøjden, som vist i figuren nedenfor:



(Slut)




Tidligere:[Vend] for at få markørens position i html'en
Næste:NPOI læs eksportdemo

Relaterede indlæg
 Udlejer| Opslået på 23/08/2020 18.06.05 |
Eller prøv at bruge:https://www.npmjs.com/package/angular-resize-event
Ansvarsfraskrivelse:
Al software, programmeringsmaterialer eller artikler udgivet af Code Farmer Network er kun til lærings- og forskningsformål; Ovenstående indhold må ikke bruges til kommercielle eller ulovlige formål, ellers skal brugerne bære alle konsekvenser. Oplysningerne på dette site kommer fra internettet, og ophavsretstvister har intet med dette site at gøre. Du skal slette ovenstående indhold fuldstændigt fra din computer inden for 24 timer efter download. Hvis du kan lide programmet, så understøt venligst ægte software, køb registrering og få bedre ægte tjenester. Hvis der er nogen overtrædelse, bedes du kontakte os via e-mail.
Mail To:help@itsvse.com