Передача данных из модального окна ngx-bootstrap в компонент

У меня в компоненте есть драйверы массива. Я показываю модальное окно ngx-bootstrap со значением fullname из массива драйверов, когда я нажимаю кнопку в компоненте. Теперь я хочу вернуть данные из модального окна, например, какое имя выбрано. Как это сделать?

   <button type="button" class="btn btn-success btn-round" (click)="staticModal.show()">{{'Assign Driver' | translate}}
  </button>`

  <div class="modal fade" bsModal #staticModal="bs-modal"
     tabindex="-1" role="dialog" aria-labelledby="dialog-static-name">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
        <h4 id="dialog-static-name" class="modal-title pull-left">Select Drivers</h4>
        <button type="button" class="close pull-right" aria-label="Close" (click)="staticModal.hide()">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div *ngFor= "let dri of drivers">
            <input type="radio" id="customRadio1" name="customRadio">
            <label>{{dri.fullname}}</label>
          </div>
       <div class = "modal-footer">   
          <button type="button" class="btn btn-primary" (click)="staticModal.hide()" >Select Driver</button>
          <button type="button" class="btn btn-default" (click)="staticModal.hide()">Cancel</button>
       </div>
      </div>
    </div>
  </div>
 </div>

Я хочу получить значение выбранного переключателя в компоненте. И когда модальное окно закрыто, я хочу выполнить метод placeorder (), который у меня уже есть. Как это сделать?


angular html modal-dialog ngx-bootstrap
person Community    schedule 04.06.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward 

  open() {
    const modalRef = this.modalService.open(NgbdModalContent);
    modalRef.componentInstance.data = //'your data want to sent in model';
    modalRef.result.then((response) => {
      console.log(response);
    });

В компоненте модели

@input() data : any;


  closel() {
    let data = [1,2,3,4,5,6];
    this.activeModal.close(data);
  }
  }
}
person upinder kumar    schedule 04.06.2020
comment
Это никак не связано с моим вопросом - person ; 04.06.2020
comment
поэтому вам нужно отправить ввод в окно модели - person upinder kumar; 04.06.2020