ブートストラップ3.3.7にngx-bootstrapを使用していますが、現在モーダルサービスを完全に動作させようとしています。モーダルダイアログボックスが開きますが、表示される唯一のコンテンツは静的コンテンツです。主にbsModalRefがコンポーネントプロパティを取得していないため、サービスに渡す動的コンテンツは一切動作しません。ここでngx-bootstrapモーダルでコンポーネントのプロパティが検出されない
は、モーダル・コンポーネントです:
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'
だから、ダイアログが開いています私のダイアログコンポーネントのデータプロパティは利用できません。
私には何が欠けていますか?
これは動作するようになりましたか?私は1.8.1を使用しています。同じことをしているが、同じ結果をあなたがここに持っている。 – nbppp2
@ nbppp2 - いいえ、代わりにng2-bootstrap-modalを使用しました。それはうまく動作します。 –