Plataforma de nueva generación

Adición de un componente modal

Complete las instrucciones proporcionadas para añadir un componente modal.

Procedimiento

  1. 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 PickOrderPageComponent de la aplicación shipment-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 .

  2. Utilice el servicio NgbModal para 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);
              }
              });
        } 
    }