Я использую ngx-bootstrap для начальной загрузки 3.3.7 и в настоящее время пытаюсь заставить модальную службу работать полностью. Откроется модальное диалоговое окно, но отображается только статическое содержимое. Ни один динамический контент, который я передаю службе, не работает, в первую очередь потому, что bsModalRef, похоже, не улавливает свойство моего компонента.
Вот модальный компонент:
import { BsModalRef } from 'ngx-bootstrap/modal/modal-options.class';
import { Component } from '@angular/core';
import { CallCenter } from 'app/shared/dsg/models/models';
@Component({
selector: 'dsg-call-centers-dialog',
templateUrl: './call-centers-dialog.component.html',
styleUrls: ['./call-centers-dialog.component.scss']
})
export class CallCentersDialogComponent {
public data: CallCenter[] = [];
constructor(public bsModalRef: BsModalRef) { }
}
Затем в моем хост-компоненте это фрагмент кода для открытия диалогового окна:
this.bsModalRef = this._modalService.show(CallCentersDialogComponent);
this.bsModalRef.content.data = this.itemData; // Property 'data' does not exist on type 'Object'
Итак, диалоговое окно открывается должным образом, но свойство data моего компонента диалога недоступно.
Что мне не хватает?