Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Jaringan Pertanian Architect_Programmer_Code»Arsitek › Desain front-end & web › Bingkai ujung depan › Seri Angular 11 (XV) memperoleh ketinggian komponen dan secara dinamis menyesuaikan ketinggian ...
Melihat: 9574|Jawab: 1

[Sudut] Angular 11 Series (XV) memperoleh ketinggian komponen dan menyesuaikan ketinggian secara dinamis

[Salin tautan]
Diposting pada 23/08/2020 18.05.22 | | | |
Komponen Angular 9 Series (1) yang Dimuat Secara Dinamis
https://www.itsvse.com/thread-9238-1-1.html

Parameter transmisi komponen dinamis seri 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Seri Angular 9 (3) berlangganan peristiwa komponen dinamis
https://www.itsvse.com/thread-9246-1-1.html

Pipa Kustom Seri 9 (IV) Angular 9
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) memformat jumlah format mata uang
https://www.itsvse.com/thread-9249-1-1.html

Seri Angular 9 (VI) memanggil variabel dan metode JS asli
https://www.itsvse.com/thread-9254-1-1.html

Ruang lingkup gaya CSS seri 9 (VII)
https://www.itsvse.com/thread-9264-1-1.html

Seri Angular 9 (VIII) memperbarui nilai komponen turunan dengan memicu peristiwa melalui set
https://www.itsvse.com/thread-9267-1-1.html

Angular 9 Series (sembilan) #id pemilih diterapkan pada halaman
https://www.itsvse.com/thread-9278-1-1.html

Seri Angular 9 (10) menyematkan panel debugging pengembang vconsole dan eruda
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 Series (XI) 5 Cara Mendefinisikan Gaya
https://www.itsvse.com/thread-9305-1-1.html

Seri Angular 9 (XII) menghasilkan token dinamis berdasarkan OTP
https://www.itsvse.com/thread-9325-1-1.html

Seri Angular 10 (tiga belas) memperkenalkan grafik echarts Baidu
https://www.itsvse.com/thread-9347-1-1.html

Lingkungan produksi seri Angular 11 (XIV) untuk debugging
https://www.itsvse.com/thread-9348-1-1.html
Pertama, kode tinggi dan lebar yang terlihat browser dinamis adalah sebagai berikut:

KamiDiv latar belakang biru kerajaan berubah dengan perubahan ketinggian di seluruh browser, tingginya adalah seperlima dari tinggi browser yang terlihat, dan konsol menampilkan nilai lebar dan tinggi yang disesuaikan dari jendela saat ini, seperti yang ditunjukkan pada gambar di bawah ini:



Kodenya adalah sebagai berikut:

Kode HTML:



Kode TS:

Dapatkan ketinggian komponen

Kode html untuk komponen app-test1 adalah sebagai berikut:



Kode HTML:

Kode TS:

Untuk Angular 8 atau yang lebih baru, Anda perlu menyediakan dua parameter di ViewChild


Jika tidak, kesalahannya akan menjadi sebagai berikut:

ERROR TypeError: Tidak dapat membaca properti 'clientHeight' dari undefined
Kita langsung mendapatkan tinggi komponen test1, itu akan mengembalikan 0, kita perlu membungkus lapisan div dari luar untuk mendapatkan ketinggian normal, seperti yang ditunjukkan pada gambar di bawah ini:



(Akhir)




Mantan:[Putar] untuk mendapatkan posisi kursor di html
Depan:NPOI Baca Demo Ekspor

Pos terkait
 Tuan tanah| Diposting pada 23/08/2020 18.06.05 |
Atau coba gunakan:https://www.npmjs.com/package/angular-resize-event
Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.
Mail To:help@itsvse.com