Afficher une simple boîte de dialogue d'alerte de Matériel Angulaire
Je suis à l'aide du Matériel Angulaire (à partir de Angulaire Du Matériel). Les exemples présentés dans le site semble un Peu trop trop compliqué et tous les autres tutoriel dans l'internet semble obsolète ou à l'aide d'AngularJS à la place. Comment puis-je montrer une simple alerte (tout comme Android AlertDialog) avec un titre, un message et une confirmer/annuler bouton?
- Voici un très bon exemple: stackblitz.com/angular/...
Vous devez vous connecter pour publier un commentaire.
Voici un exemple simple comme vous l'avez demandé:
(En supposant que la structure suivante)
my-alert-dialog.component.html
Explication du code ci-dessus:
[matDialogTitle]
/[mat-dialog-title]
: Une directive (généralement utilisé sur unh2
élément) pour l'indication de la boîte de dialogue du titre.[matDialogContent]
/[mat-dialog-content]
/mat-dialog-content
: Une directive indiquant la boîte de dialogue contenu.[matDialogActions]
/[mat-dialog-actions]
/mat-dialog-actions
: Une directive indiquant la boîte de dialogue action(s).[matDialogClose]
/[mat-dialog-close]
: Une directive (généralement utilisé sur unbutton
élément), indiquant que cet élément lorsque l'on clique dessus devrait fermer la boîte de dialogue. En option, cette directive permet d'inclure un paramètre (deany
type) qui peut être ensuite transmis à la composante qui a ouvert cette boîte de dialogue.my-alert-dialog.component.ts
app.component.ts
(expurgé)app.module.ts
(expurgé)Démo