モーダル・コンポーネントの追加

表示された手順を実行して、モーダル・コンポーネントを追加します。

手順

以下のコマンドを実行して、拡張単一スパ・アプリケーションで角度コンポーネントを作成します。
```
ng g c <modal-component-name>
```
例えば、 shipment-backroom-pick アプリケーションの PickOrderPageComponent で開く必要があるモーダルを追加する場合は、 <store-temp>/packages/features/custom-shipment-backroom-pick/src/app/features/custom-shipment-backroom-pick/modals フォルダーにモーダル・コンポーネントを作成します。

NgbModal サービスを使用して、ウィンドウ・モーダルで作成したコンポーネントを開きます。

以下のサンプル・コードは、ウィンドウ・モーダルでコンポーネントを開く方法を示しています。


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);
          }
          });
    } 
}