Ajout d'un composant modal

Suivez les instructions fournies pour ajouter un composant modal.

Procédure

Créez un composant angulaire dans l'application mono-spa étendue en exécutant la commande suivante.
```
ng g c <modal-component-name>
```
Par exemple, si vous ajoutez un modal qui doit être ouvert dans PickOrderPageComponent de l'application shipment-backroom-pick , créez le composant modal dans le dossier <store-temp>/packages/features/custom-shipment-backroom-pick/src/app/features/custom-shipment-backroom-pick/modals .

Utilisez le service NgbModal pour ouvrir le composant que vous avez créé dans une fenêtre modale.

L'exemple de code suivant montre comment ouvrir un composant dans une fenêtre modale.


import {TransferOrderAddTrackingNumberComponent} from '../transfer-order-add-tracking-number/transfer-order-add-tracking-number.component';
import { NgbModal, NgbModalOptions } from '@ng-bootstrap/ng-bootstrap';
@Injectable()
export class  TransferOrderSummaryExtnRTConfig {
 constructor(private modalService: NgbModal,
            private nagModalService: ISFNagModalService,
    ) 
    public openAddTrackingNumberModal(entityModel, activeroute) {
          const modalRef = this.modalService.open(TransferOrderAddTrackingNumberComponent, {});
          modalRef.componentInstance.entityModel = entityModel;
          modalRef.result.then(data => {
          if (UIUtilsService.isNotVoid(data) && data['refreshParentScreen']) {
            this.relatedTasksService.sendMessage(true);
          }
          });
    } 
}