Тази статия е огледална статия за машинен превод, моля, кликнете тук, за да преминете към оригиналната статия.

Изглед: 9574|Отговор: 1

[Ъглова] Angular 11 Series (XV) получава височина на компонентите и динамично регулира височината

[Копирай линк]
Публикувано в 23.08.2020 г. 18:05:22 ч. | | | |
Динамично натоварени компоненти от Angular 9 серия (1)
https://www.itsvse.com/thread-9238-1-1.html

Ъглова серия 9 (2) параметри за динамично предаване на компоненти
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 серия (3) се абонира за динамични компонентни събития
https://www.itsvse.com/thread-9246-1-1.html

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

Angular 9 Series (V) форматира формата на сумата валута
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 series (VI) извиква нативни JS променливи и методи
https://www.itsvse.com/thread-9254-1-1.html

Angular серия 9 (VII) CSS стил оптика
https://www.itsvse.com/thread-9264-1-1.html

Angular 9 series (VIII) актуализира стойността на дъщерен компонент, като задейства събитие чрез set
https://www.itsvse.com/thread-9267-1-1.html

Селекторът на Angular 9 Series (девет) #id приложен на страницата
https://www.itsvse.com/thread-9278-1-1.html

Angular 9 серия (10) вгражда vconsole и eruda панели за дебъгване
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 Series (XI) 5 начина за дефиниране на стилове
https://www.itsvse.com/thread-9305-1-1.html

Angular 9 серия (XII) генерира динамични токени на база OTP
https://www.itsvse.com/thread-9325-1-1.html

Серия Angular 10 (тринадесета) представя Baidu echart графики
https://www.itsvse.com/thread-9347-1-1.html

Производствена среда Angular серия 11 (XIV) за отстраняване на грешки
https://www.itsvse.com/thread-9348-1-1.html
Първо, видимите кодове за височина и ширина на динамичните браузъри са следните:

НиеКралското синьо фоново div се променя с промяната на височината в целия браузър, височината е една пета от видимата височина на браузъра, а конзолата извежда коригираните стойности на ширината и височината на текущия прозорец, както е показано на фигурата по-долу:



Кодът е следният:

HTML код:



TS код:

Вземете височината на компонента

HTML кодът за компонента app-test1 е следният:



HTML код:

TS код:

За Angular 8 или по-нова версия трябва да предоставите два параметъра в ViewChild


В противен случай грешката ще бъде следната:

Тип ГРЕШКАГрешка: Не може да се прочете свойството 'clientHeight' на неопределено
Директно получаваме височината на компонента test1, тя ще върне 0, трябва да обвием слой div отвън, за да получим нормалната височина, както е показано на фигурата по-долу:



(Край)




Предишен:[Завърти] за да получиш позицията на курсора в html
Следващ:Демо с износ на NPOI Read
 Хазяин| Публикувано в 23.08.2020 г. 18:06:05 ч. |
Или опитайте да използвате:https://www.npmjs.com/package/angular-resize-event
Отричане:
Целият софтуер, програмни материали или статии, публикувани от Code Farmer Network, са само за учебни и изследователски цели; Горното съдържание не трябва да се използва за търговски или незаконни цели, в противен случай потребителите ще понесат всички последствия. Информацията на този сайт идва от интернет, а споровете за авторски права нямат нищо общо с този сайт. Трябва напълно да изтриете горното съдържание от компютъра си в рамките на 24 часа след изтеглянето. Ако ви харесва програмата, моля, подкрепете оригинален софтуер, купете регистрация и получете по-добри услуги. Ако има нарушение, моля, свържете се с нас по имейл.

Mail To:help@itsvse.com