Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Widok: 9574|Odpowiedź: 1

[Angular] Seria Angular 11 (XV) zyskuje wysokość komponentów i dynamicznie reguluje wysokość

[Skopiuj link]
Opublikowano 23.08.2020 18:05:22 | | | |
Elementy dynamicznie obciążone w serii Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Parametry transmisji dynamicznych komponentów serii 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Seria Angular 9 (3) subskrybuje dynamiczne zdarzenia komponentowe
https://www.itsvse.com/thread-9246-1-1.html

Rurociągi niestandardowe Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formatuje format waluty kwotowej
https://www.itsvse.com/thread-9249-1-1.html

Seria Angular 9 (VI) wywołuje natywne zmienne i metody JS
https://www.itsvse.com/thread-9254-1-1.html

Angular serii 9 (VII) w stylu CSS
https://www.itsvse.com/thread-9264-1-1.html

Seria Angular 9 (VIII) aktualizuje wartość komponentu potomnego poprzez wyzwalanie zdarzenia za pomocą zestawu
https://www.itsvse.com/thread-9267-1-1.html

Angular 9 Series (dziewięć) #id selektor zastosowany na stronie
https://www.itsvse.com/thread-9278-1-1.html

Seria Angular 9 (10) osadza panele debugujące dla deweloperów vconsole i eruda
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 Series (XI) 5 sposobów definiowania stylów
https://www.itsvse.com/thread-9305-1-1.html

Seria Angular 9 (XII) generuje tokeny dynamiczne oparte na OTP
https://www.itsvse.com/thread-9325-1-1.html

Seria Angular 10 (trzynaście) wprowadza wykresy Baidu echarts
https://www.itsvse.com/thread-9347-1-1.html

Środowisko produkcyjne serii Angular 11 (XIV) do debugowania
https://www.itsvse.com/thread-9348-1-1.html
Po pierwsze, kody widocznej wysokości i szerokości dynamicznej przeglądarki przedstawiają się następująco:

MyDiv tła w królewskim niebieskim kolorze zmienia się wraz ze zmianą wysokości w całej przeglądarce, wysokość jest jedną piątą widocznej wysokości przeglądarki, a konsola generuje skorygowane wartości szerokości i wysokości bieżącego okna, jak pokazano na poniższym rysunku:



Kod jest następujący:

Kod HTML:



Kod TS:

Zdobądź wysokość komponentu

Kod html komponentu app-test1 wygląda następująco:



Kod HTML:

Kod TS:

Dla Angular 8 lub nowszych musisz podać dwa parametry w ViewChild


W przeciwnym razie błąd będzie wyglądał następująco:

ERROR TypeError: Nie można odczytać właściwości 'clientHeight' z niezdefiniowaną
Bezpośrednio otrzymujemy wysokość komponentu test1, która zwraca 0, musimy owinąć warstwę div od zewnątrz, aby uzyskać normalną wysokość, jak pokazano na poniższym rysunku:



(Koniec)




Poprzedni:[Turn], aby uzyskać pozycję kursora w html
Następny:NPOI Read Export Demo
 Ziemianin| Opublikowano 23.08.2020 18:06:05 |
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.

Mail To:help@itsvse.com