2017-07-28 5 views
0

ブートストラップ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' 

だから、ダイアログが開いています私のダイアログコンポーネントのデータプロパティは利用できません。

私には何が欠けていますか?

+0

これは動作するようになりましたか?私は1.8.1を使用しています。同じことをしているが、同じ結果をあなたがここに持っている。 – nbppp2

+0

@ nbppp2 - いいえ、代わりにng2-bootstrap-modalを使用しました。それはうまく動作します。 –

答えて

1

これはngx-bootstrapの1.8.1で修正されました。試してみてください

+0

彼はバージョン3.3.7を使用していると言いました。あなたの答えはどのように役立ちますか? – yakobom

+0

私はブートストラップではなくngx-bootstrapについて話しています – IlyaSurmay

関連する問題