Эта статья является зеркальной статьёй машинного перевода, пожалуйста, нажмите здесь, чтобы перейти к оригиналу.

Architect_Programmer_Code Сельскохозяйственная сеть»Архитектор › Фронтенд-дизайн и веб › Передняя рама › Angular 11 Series (XV) приобретает высоту компонентов и динамически регулирует высоту ...
Вид: 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 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

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

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

Angular Series 9 (VII) в стиле CSS
https://www.itsvse.com/thread-9264-1-1.html

Серия Angular 9 (VIII) обновляет значение дочернего компонента, запуская событие через множество
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 echarts
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

Связанные публикации
 Хозяин| Опубликовано 23.08.2020 18:06:05 |
Или попробуйте использовать:https://www.npmjs.com/package/angular-resize-event
Отказ:
Всё программное обеспечение, программные материалы или статьи, публикуемые Code Farmer Network, предназначены исключительно для учебных и исследовательских целей; Вышеуказанный контент не должен использоваться в коммерческих или незаконных целях, иначе пользователи несут все последствия. Информация на этом сайте взята из Интернета, и споры по авторским правам не имеют отношения к этому сайту. Вы должны полностью удалить вышеуказанный контент с компьютера в течение 24 часов после загрузки. Если вам нравится программа, пожалуйста, поддержите подлинное программное обеспечение, купите регистрацию и получите лучшие подлинные услуги. Если есть нарушение, пожалуйста, свяжитесь с нами по электронной почте.
Mail To:help@itsvse.com