J'ai essayé d'atteindre quelque chose comme ce qui précède à Ionic 4 mais il semble qu'il n'y ait aucun espoir pour moi parce qu'il semble que je ne puisse utiliser que des intrants et Pas un HTML et des icônes personnalisés ont été transmis sur l'alerte. Toute idée sur la manière de réaliser ces pls p>
p>
async presentColor() {
const alert = await this.alertController.create({
header: "Choose Color",
inputs: [
{
name: "Red",
type: "checkbox",
label: "Red",
value: "Red",
checked: true
},
{
name: "Black",
type: "checkbox",
label: "Black",
value: "Black"
},
{
name: "purple",
type: "checkbox",
label: "Purple",
value: "Purple"
}
],
buttons: [
{
text: "Cancel",
role: "cancel",
cssClass: "secondary",
handler: (data) => {
console.log("Confirm Cancel", data);
}
},
{
text: "Ok",
handler: () => {
console.log("Confirm Ok");
}
}
]
});3 Réponses :
L'équipe ionique n'a pas fabriqué des composants d'alerte facilement personnalisables, des icônes peuvent donc être ajoutées à la composante d'alerte. Voir le problème:
https://github.com/ionic-team/ionic/issues/7874
Mais vous pouvez facilement créer un composant modal et réduire sa taille à être plus proche de celle de la boîte de dialogue d'alerte.
Merci @ Jay ... J'ai essayé d'utiliser le modal mais j'ai un autre défi. La toile de fond du modal ne vient pas même si j'ai joué avec l'option showackdrop: FALSE car le mode de défaut modal est une page complète ... toute idée de comment y aller ??
Pourquoi vous voulez utiliser une alerte ionique. Vous pouvez utiliser d'autres composants comme Popovers pour le faire
Je sais que c'est un peu en retard, mais je viens de créer un package NPM Pour gérer l'ajout d'un composant angulaire dans une popup.
Je recommande d'utiliser un composant modal ionique et de la couper pour être la taille d'une boîte de dialogue d'alerte. De cette façon, vous pouvez inclure le modèle HTML et les icônes que vous désirez.
Cela signifie-t-il que je ne peux pas y parvenir avec alerte? ou c'est une mauvaise idée @jay
J'ai laissé une réponse comme une réponse, en général, l'équipe ionique fournit de nombreux composants en tant que modèles de base et que les utilisateurs que nous pouvons construire sur eux, donc dans ce cas et beaucoup d'autres, ils essaient de ne pas rendre les composants par défaut trop personnalisables par défaut. Je suggérerais de faire une composante d'alerte modale personnalisée.