La modale permet de concentrer l’attention de l’utilisateur exclusivement sur une tâche ou un élément d’information, sans perdre le contexte de la page en cours. Ce composant nécessite une action de l’utilisateur afin d'être clôturée ou ouverte.
La modale est piloté par un service nommé "ModalService". Ce service est notifié commme étant "providedIn: root" il est donc accessible dans toute l'application sans qu'on ait besoin de l'ajouter dans les providers des différents modules.
Le service dispose d'une méthode permettant l'ouverture de la modale.
Cette méthode est à intégrer dans le composant depuis lequel sera piloté l'ouverture de la modale.
L'intégration de la modale dans le template ce fait en ajoutant une référence à la modale et au ng-template qui l'entoure depuis le template composant parent