Dit artikel is een spiegelartikel van machinevertaling, klik hier om naar het oorspronkelijke artikel te gaan.

Architect_Programmer_Code Landbouwnetwerk»Architect › Front-end ontwerp & web › Voorframeframe › Angular 11 Series (XV) krijgt componenthoogte en past de hoogte dynamisch aan ...
Bekijken: 9574|Antwoord: 1

[Angular] Angular 11 Series (XV) krijgt componenthoogte en past de hoogte dynamisch aan

[Link kopiëren]
Geplaatst op 23-08-2020 18:05:22 | | | |
Angular 9 Series (1) Dynamisch Geladen Componenten
https://www.itsvse.com/thread-9238-1-1.html

Hoekige 9-serie (2) dynamische componenttransmissieparameters
https://www.itsvse.com/thread-9245-1-1.html

Hoekige 9-serie (3) sluit dynamische componentgebeurtenissen aan
https://www.itsvse.com/thread-9246-1-1.html

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

Angular 9 Series (V) formateert het bedragsvalutaformaat
https://www.itsvse.com/thread-9249-1-1.html

Hoekige 9-reeks (VI) roept native JS-variabelen en -methoden aan
https://www.itsvse.com/thread-9254-1-1.html

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

Angular 9 series (VIII) werkt de waarde van een kindcomponent bij door een gebeurtenis te triggeren via een set
https://www.itsvse.com/thread-9267-1-1.html

Angular 9 Series (negen) #id selector toegepast op de pagina
https://www.itsvse.com/thread-9278-1-1.html

Angular 9-serie (10) embedt vconsole- en eruda-ontwikkelaarsdebuggingpanelen
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 Serie (XI) 5 manieren om stijlen te definiëren
https://www.itsvse.com/thread-9305-1-1.html

Angular 9-serie (XII) genereert dynamische tokens op basis van OTP's
https://www.itsvse.com/thread-9325-1-1.html

Angular 10-serie (dertien) introduceert Baidu echarts-grafieken
https://www.itsvse.com/thread-9347-1-1.html

Angular 11-serie (XIV) productieomgeving voor debugging
https://www.itsvse.com/thread-9348-1-1.html
Ten eerste zijn de zichtbare hoogte- en breedtecodes van de dynamische browser als volgt:

WijDe koningsblauwe achtergrond div verandert met de hoogteverandering gedurende de browser, de hoogte is een vijfde van de zichtbare hoogte van de browser, en de console geeft de aangepaste breedte- en hoogtewaarden van het huidige venster weer terug, zoals weergegeven in de onderstaande figuur:



De code is als volgt:

HTML-code:



TS-code:

Bepaal de hoogte van het onderdeel

De html-code voor de app-test1-component is als volgt:



HTML-code:

TS-code:

Voor Angular 8 of later moet je twee parameters in ViewChild opgeven


Anders zal de fout als volgt zijn:

ERROR TypeError: Kan de eigenschap 'clientHeight' van ongedefinieerd niet lezen
We krijgen direct de test1-componenthoogte, die geeft 0 terug, we moeten een laag div van buitenaf wikkelen om de normale hoogte te krijgen, zoals weergegeven in de onderstaande figuur:



(Einde)




Vorig:[Draai] om de positie van de cursor in de html te krijgen
Volgend:NPOI Lees-Exportdemo

Gerelateerde berichten
 Huisbaas| Geplaatst op 23-08-2020 18:06:05 |
Of probeer het volgende te gebruiken:https://www.npmjs.com/package/angular-resize-event
Disclaimer:
Alle software, programmeermaterialen of artikelen die door Code Farmer Network worden gepubliceerd, zijn uitsluitend bedoeld voor leer- en onderzoeksdoeleinden; De bovenstaande inhoud mag niet worden gebruikt voor commerciële of illegale doeleinden, anders dragen gebruikers alle gevolgen. De informatie op deze site komt van het internet, en auteursrechtconflicten hebben niets met deze site te maken. Je moet bovenstaande inhoud volledig van je computer verwijderen binnen 24 uur na het downloaden. Als je het programma leuk vindt, steun dan de echte software, koop registratie en krijg betere echte diensten. Als er sprake is van een inbreuk, neem dan contact met ons op via e-mail.
Mail To:help@itsvse.com