как выбрать данные в модальном ngx в Angular 8?

Я пытаюсь запустить ngx-модальное окно при нажатии на серию trв угловой таблице и передать данные, с которыми должен работать ngx-модал. Для каждого cickedtr, модальное окно должно иметь разные значения.

это метод в "главном" компоненте.ts, который запускает модальное окно:

  openModal(dummyItem) {
    const initialState = {
      clientId: dummyItem.clientId,
      clientName: dummyItem.clientName,
      facType: dummyItem.type,
      localCode: dummyItem.localCode,
      from: dummyItem.from,
      to: dummyItem.to,
      localName: dummyItem.localName,
      class: "modal-lg"
    };
    this.bsModalRef = this.modalService.show(DetalleFacturaPopUpComponent, {
      initialState,
      backdrop: "static",
      keyboard: false
    });
  }

в основном шаблоне метод openModal(dummyItem) прикреплен к каждому tr как click мероприятие с использованием *ngFor, так что для каждой строки модальное окно запускается с разными передаваемыми данными следующим образом:

<tr *ngFor="let dummyItem of facturas" (click)="openDetalleFacturaAmpliado(dummyItem)" >
   <td>{{ dummyItem.numFac }}</td>
   <td class="text-center">{{ dummyItem.clientId}}</td>
   <td class="text-center">{{ dummyItem.clientName}}</td>
   <td class="text-center">{{ dummyItem.localCode}}</td>
   <td class="text-center">{{ dummyItem.localName}}</td>
   <td class="text-center">{{ dummyItem.from}}</td>
   <td class="text-center">{{ dummyItem.to}}</td>
   <td class="text-center">{{ dummyItem.type}}</td>
</tr>

Дело в том, что я не знаю, как получить эти данные в модальном файле.ts.

Следующий фрагмент кода взят из DetalleFacturaPopUpComponent.ts - компонента, запущенного из первого:

export class DetalleFacturaPopUpComponent implements OnInit {

  ngOnInit() {
    console.log(initialState.clientId)
}

но, конечно, это не удается. Свойство "initialState" вообще не распознается. Я заполнил его в основном.ts как a, но не могу понять, как его взять и использовать.

Я хочу иметь возможность заполнить форму (шаблон модального окна - это форма) значениями свойств переменной "initialState", которые я передал модальному компоненту, но мне не удается это сделать, используя это... если бы я мог хотя бы записать в консоль одно из значений, я мог бы сделать остальную часть приложения, которое я пытаюсь разработать.

Не могли бы вы помочь мне понять, как я могу использовать данные, переданные в ngx-modal? Спасибо.

0 ответов

Другие вопросы по тегам