Šis straipsnis yra veidrodinis mašininio vertimo straipsnis, spauskite čia norėdami pereiti prie originalaus straipsnio.

Architect_Programmer_Code žemės ūkio tinklas»Architektas › Front-end dizainas ir žiniatinklis › Priekinis rėmas › "Angular 11" serija (XV) įgauna komponentų aukštį ir dinamiškai reguliuoja aukštį ...
Rodinys: 9574|Atsakyti: 1

[Kampinis] "Angular 11" serija (XV) įgauna komponentų aukštį ir dinamiškai reguliuoja aukštį

[Kopijuoti nuorodą]
Paskelbta 2020-08-23 18:05:22 | | | |
Angular 9 serijos (1) dinamiškai apkrauti komponentai
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 serijos (2) dinaminių komponentų perdavimo parametrai
https://www.itsvse.com/thread-9245-1-1.html

"Angular 9" serija (3) prenumeruoja dinaminių komponentų įvykius
https://www.itsvse.com/thread-9246-1-1.html

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

"Angular 9" serija (V) formatuoja sumos valiutos formatą
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 serija (VI) iškviečia vietinius JS kintamuosius ir metodus
https://www.itsvse.com/thread-9254-1-1.html

Kampinis 9 serijos (VII) CSS stiliaus taikiklis
https://www.itsvse.com/thread-9264-1-1.html

"Angular 9" serija (VIII) atnaujina antrinio komponento reikšmę suaktyvindama įvykį per rinkinį
https://www.itsvse.com/thread-9267-1-1.html

Kampinė 9 serija (devyni) #id puslapyje taikomas parinkiklis
https://www.itsvse.com/thread-9278-1-1.html

Angular 9 serija (10) įterpia vconsole ir eruda kūrėjo derinimo skydelius
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 serija (XI) 5 stilių apibrėžimo būdai
https://www.itsvse.com/thread-9305-1-1.html

Angular 9 serija (XII) generuoja dinaminius žetonus pagal OTP
https://www.itsvse.com/thread-9325-1-1.html

Angular 10 serija (trylika) pristato Baidu echarts diagramas
https://www.itsvse.com/thread-9347-1-1.html

"Angular 11" serijos (XIV) derinimo gamybos aplinka
https://www.itsvse.com/thread-9348-1-1.html
Pirma, dinaminiai naršyklės matomi aukščio ir pločio kodai yra šie:

MesKarališkos mėlynos spalvos fono div keičiasi keičiantis aukščiui visoje naršyklėje, aukštis yra penktadalis matomo naršyklės aukščio, o konsolė išveda pakoreguotas dabartinio lango pločio ir aukščio reikšmes, kaip parodyta paveikslėlyje žemiau:



Kodas yra toks:

HTML kodas:



TS kodas:

Gaukite komponento aukštį

"app-test1" komponento html kodas yra toks:



HTML kodas:

TS kodas:

Jei naudojate "Angular 8" ar naujesnę versiją, "ViewChild" turite pateikti du parametrus


Priešingu atveju klaida bus tokia:

ERROR TypeError: neįmanoma perskaityti ypatybės 'clientHeight' iš undefined
Mes tiesiogiai gauname test1 komponento aukštį, jis grįš 0, turime apvynioti div sluoksnį iš išorės, kad gautume normalų aukštį, kaip parodyta paveikslėlyje žemiau:



(Pabaiga)




Ankstesnis:[Pasukti], kad gautumėte žymeklio padėtį html
Kitą:NPOI skaitymo eksporto demonstracinė versija

Susijusios žinutės
 Savininkas| Paskelbta 2020-08-23 18:06:05 |
Arba pabandykite naudoti:https://www.npmjs.com/package/angular-resize-event
Atsakomybės apribojimas:
Visa programinė įranga, programavimo medžiaga ar straipsniai, kuriuos skelbia Code Farmer Network, yra skirti tik mokymosi ir mokslinių tyrimų tikslams; Aukščiau nurodytas turinys negali būti naudojamas komerciniais ar neteisėtais tikslais, priešingu atveju vartotojai prisiima visas pasekmes. Šioje svetainėje pateikiama informacija gaunama iš interneto, o ginčai dėl autorių teisių neturi nieko bendra su šia svetaine. Turite visiškai ištrinti aukščiau pateiktą turinį iš savo kompiuterio per 24 valandas nuo atsisiuntimo. Jei jums patinka programa, palaikykite autentišką programinę įrangą, įsigykite registraciją ir gaukite geresnes autentiškas paslaugas. Jei yra kokių nors pažeidimų, susisiekite su mumis el. paštu.
Mail To:help@itsvse.com