Adición de un componente modal
Complete las instrucciones proporcionadas para añadir un componente modal.
Procedimiento
- Cree un componente angular en la aplicación de spa único ampliada ejecutando el mandato siguiente.
ng g c <modal-component-name>Por ejemplo, si está añadiendo un modal que necesita abrirse en
PickOrderPageComponentde la aplicaciónshipment-backroom-pick, cree el componente modal en la carpeta <store-temp>/packages/features/custom-shipment-backroom-pick/src/app/features/custom-shipment-backroom-pick/modals . - Utilice el servicio
NgbModalpara abrir el componente que ha creado en un modal de ventana.El siguiente código de ejemplo ilustra cómo abrir un componente en un modal de ventana.
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); } }); } }