angular modal dismiss 예시

delete() {
    const items = localStorage.getItem('orderInfos');
    let orderInfos: OrderInfo[] = [];
    if (items) {
      orderInfos = JSON.parse(items);
      const index = orderInfos.findIndex(
        (orderInfo: OrderInfo) => orderInfo.id === this.orderInfo.id
      );
      orderInfos.slice(index, 1);
      localStorage.setItem('orderInfos', JSON.stringify(orderInfos));
    }
    this.modalController.dismiss(null, 'confirm');
  }

1. dismiss 할 시 role 을 활용하자

2. role 값에 'confirm' 할당

 

 

 

async deleteOrderInfo() {
    const modal = await this.modalController.create({
      component: DeleteOrderModal,
      componentProps: {
        orderInfo: this.orderInfo,
      },
    });

    modal.onDidDismiss().then((res) => {
      if (res.role === 'confirm') {
        this.router.navigateByUrl('/order', { replaceUrl: true });
      }
    });

    modal.present();
  }

3. res.role 접근할 수 있습니다.