как выбрать данные в модальном 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? Спасибо.