Image description
ionic slot center
Slot Ionic tidak berfungsi saat elemen ionic dibungkus dalam komponen

Slot Ionic tidak berfungsi saat elemen ionic dibungkus dalam komponen

Saya memiliki komponen Angular yang membungkus ion-icon. Untuk memastikan komponen tidak mengganggu tata letak, saya menggunakan CSS: :host { display: contents } untuk komponen tersebut. Komponen ini memungkinkan melewatkan slot sebagai parameter input, yang saya ingin menjadi slot tempat ikon harus ditempatkan saat ditentukan. Namun, ini tampaknya tidak berfungsi. Menentukan slot pada komponen juga tidak berfungsi. Contoh minimal yang menunjukkan skenario: [StackBlitz - Masalah Slot Komponen Ikon] (tautan dihapus). Terima kasih atas bantuannya!

Anda dapat melakukan hal berikut di komponen aplikasi Anda: di HTML ikon: <ion-icon [name]=“name” [slot]=“slot”>; di TS: @Input() name: string; dan @Input() slot?: string;

Itulah yang saya miliki. Silakan lihat contoh yang telah saya berikan.

Kode tersebut berfungsi dengan baik. Jika Anda mengubah slot menjadi "end", itu berfungsi. Satu-satunya perbedaan yang saya lihat adalah ukuran ikon, tetapi desain komponen Anda tampaknya benar.

© 2026 - Semua hak dilindungi undang-undang. PT dengan modal Rp 10.000.000.000. Jl. Jend. Sudirman Kav. 52-53, Jakarta Selatan 12190