Ця стаття є дзеркальною статтею машинного перекладу, будь ласка, натисніть тут, щоб перейти до оригінальної статті.

Вид: 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) Custom Pipe
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

Приціл у стилі CSS серії Angular 9 (VII)
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