Denne artikkelen er en speilartikkel om maskinoversettelse, vennligst klikk her for å hoppe til originalartikkelen.

Architect_Programmer_Code Landbruksnettverket»Arkitekt › Front-end design og web › Frontramme › Angular 11-serien (XV) får komponenthøyde og justerer dynamisk høyden ...
Utsikt: 9574|Svare: 1

[Kantet] Angular 11-serien (XV) får komponenthøyde og justerer høyden dynamisk

[Kopier lenke]
Publisert på 23.08.2020 18:05:22 | | | |
Angular 9-serie (1) dynamisk lastede komponenter
https://www.itsvse.com/thread-9238-1-1.html

Vinkel 9-serie (2) dynamiske komponenttransmisjonsparametere
https://www.itsvse.com/thread-9245-1-1.html

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

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

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

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

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

Angular 9-serie (VIII) oppdaterer verdien til en barnekomponent ved å utløse en hendelse via et sett
https://www.itsvse.com/thread-9267-1-1.html

Angular 9 Series (ni) #id velger brukt på siden
https://www.itsvse.com/thread-9278-1-1.html

Angular 9-serien (10) integrerer vconsole og eruda utvikler feilsøkingspaneler
https://www.itsvse.com/thread-9286-1-1.html

Angular 9-serien (XI) 5 måter å definere stiler på
https://www.itsvse.com/thread-9305-1-1.html

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

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

Angular 11-serie (XIV) produksjonsmiljø for feilsøking
https://www.itsvse.com/thread-9348-1-1.html
Først er de dynamiske nettleserens synlige høyde- og breddekoder som følger:

ViDen kongeblå bakgrunnsdiven endres med høydeendringen gjennom nettleseren, høyden er en femtedel av den synlige høyden til nettleseren, og konsollen gir ut justerte bredde- og høydeverdier for det nåværende vinduet, som vist i figuren nedenfor:



Koden er som følger:

HTML-kode:



TS-kode:

Få høyden på komponenten

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



HTML-kode:

TS-kode:

For Angular 8 eller nyere må du oppgi to parametere i ViewChild


Ellers vil feilen være som følger:

ERROR TypeError: Kan ikke lese egenskapen 'clientHeight' for udefinert
Vi får direkte test1-komponenthøyden, den vil returnere 0, vi må pakke inn et lag med div fra utsiden for å få normalhøyden, som vist i figuren under:



(Slutt)




Foregående:[Snu] for å få posisjonen til markøren i HTML
Neste:NPOI Les Eksportdemo

Relaterte innlegg
 Vert| Publisert på 23.08.2020 18:06:05 |
Eller prøv å bruke:https://www.npmjs.com/package/angular-resize-event
Ansvarsfraskrivelse:
All programvare, programmeringsmateriell eller artikler publisert av Code Farmer Network er kun for lærings- og forskningsformål; Innholdet ovenfor skal ikke brukes til kommersielle eller ulovlige formål, ellers skal brukerne bære alle konsekvenser. Informasjonen på dette nettstedet kommer fra Internett, og opphavsrettstvister har ingenting med dette nettstedet å gjøre. Du må fullstendig slette innholdet ovenfor fra datamaskinen din innen 24 timer etter nedlasting. Hvis du liker programmet, vennligst støtt ekte programvare, kjøp registrering, og få bedre ekte tjenester. Hvis det foreligger noen krenkelse, vennligst kontakt oss på e-post.
Mail To:help@itsvse.com