Bu makale makine çevirisi ayna makalesidir, orijinal makaleye geçmek için lütfen buraya tıklayın.

Architect_Programmer_Code Tarım Ağı»Mimar › Ön yüz tasarımı ve web › Ön gövde çerçevesi › Angular 11 Serisi (XV) bileşen yüksekliği kazanır ve yüksekliği dinamik olarak ayarlar ...
Görünüm: 9574|Yanıt: 1

[Angular] Angular 11 Serisi (XV) bileşen yüksekliği kazanır ve yüksekliği dinamik olarak ayarlar

[Bağlantıyı kopyala]
Yayınlandı 23.08.2020 18:05:22 | | | |
Angular 9 Serisi (1) Dinamik Yüklü Bileşenler
https://www.itsvse.com/thread-9238-1-1.html

Açısal 9 serisi (2) dinamik bileşen iletim parametreleri
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 serisi (3) dinamik bileşen olaylarına abone olur
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 Serisi (IV) Özel Boru Hatları
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Serisi (V), miktar para birimi formatını biçimlendirir
https://www.itsvse.com/thread-9249-1-1.html

Açısal 9 serisi (VI) yerel JS değişkenlerini ve yöntemlerini çağırır
https://www.itsvse.com/thread-9254-1-1.html

Açısal 9 serisi (VII) CSS tarzı dürbün
https://www.itsvse.com/thread-9264-1-1.html

Angular 9 serisi (VIII), bir olayı set aracılığıyla tetikleyerek bir alt bileşenin değerini günceller
https://www.itsvse.com/thread-9267-1-1.html

Sayfada uygulanan Angular 9 Serisi (dokuz) #id seçici
https://www.itsvse.com/thread-9278-1-1.html

Angular 9 serisi (10) vconsole ve eruda geliştirici hata ayıklama panellerini gömüyor
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 Serisi (XI) Stilleri Tanımlamanın 5 Yolu
https://www.itsvse.com/thread-9305-1-1.html

Angular 9 serisi (XII), OTP'lere dayalı dinamik jetonlar üretir
https://www.itsvse.com/thread-9325-1-1.html

Angular 10 serisi (on üç) Baidu echarts grafiklerini tanıtıyor
https://www.itsvse.com/thread-9347-1-1.html

Hata ayıklama için Angular 11 serisi (XIV) üretim ortamı
https://www.itsvse.com/thread-9348-1-1.html
İlk olarak, dinamik tarayıcı görünür yükseklik ve genişlik kodları aşağıdaki gibidir:

BizKraliyet mavisi arka plan div, tarayıcı boyunca yükseklik değişimiyle değişir, yükseklik, tarayıcının görünür yüksekliğinin beşte biri kadardır ve konsol, aşağıdaki şekilde gösterildiği gibi mevcut pencerenin ayarlanmış genişlik ve yükseklik değerlerini çıkarır:



Kod şöyledir:

HTML kodu:



TS Kodu:

Bileşenin yüksekliğini öğrenin

app-test1 bileşeni için html kodu şu şekildedir:



HTML kodu:

TS Kodu:

Angular 8 veya daha sonrası için ViewChild'da iki parametre sağlamanız gerekir


Aksi takdirde, hata şu şekilde olur:

HATA TipiHata: Tanımlanmamış 'clientHeight' özelliği okunamıyor
Doğrudan test1 bileşen yüksekliğini alıyoruz, 0 döndürür, normal yüksekliği elde etmek için dışarıdan bir div katmanı sarmamız gerekir, aşağıdaki şekilde gösterildiği gibi:



(Son)




Önceki:[Dön] html'deki imlecin konumunu almak için
Önümüzdeki:NPOI İhracat Demosunu Oku

İlgili Yazılar
 Ev sahibi| Yayınlandı 23.08.2020 18:06:05 |
Ya da şunları deneyin:https://www.npmjs.com/package/angular-resize-event
Feragatname:
Code Farmer Network tarafından yayımlanan tüm yazılım, programlama materyalleri veya makaleler yalnızca öğrenme ve araştırma amaçları içindir; Yukarıdaki içerik ticari veya yasa dışı amaçlarla kullanılamaz, aksi takdirde kullanıcılar tüm sonuçları ödemelidir. Bu sitedeki bilgiler internetten alınmakta olup, telif hakkı anlaşmazlıklarının bu siteyle hiçbir ilgisi yoktur. Yukarıdaki içeriği indirmeden sonraki 24 saat içinde bilgisayarınızdan tamamen silmelisiniz. Programı beğendiyseniz, lütfen orijinal yazılımı destekleyin, kayıt satın alın ve daha iyi orijinal hizmetler alın. Herhangi bir ihlal olursa, lütfen bizimle e-posta yoluyla iletişime geçin.
Mail To:help@itsvse.com