子からデータを渡す親にモーダル

Question

アンギュラ5.

は、私はこの方法を使用していました。クリックされたとき： 1）親はこの子を閉じるべきです。 2）親は別のモーダルを表示する必要があります。

私の試み：子供（モーダル）は親にイベントを送信しますが、 3）親はその子供がdinamically作成されたので、<app-seleccion-servicio-component>タグをhtmlに含めませんでした。だから、親はどこから子どもたちから放出されたイベントを聞きますか？

期待される結果は次のとおりです。 4）子コンポーネント内のボタンをクリックします。 5）親がこの子を閉じます（モーダルウィンドウ）。 6）親は別のモーダルウィンドウを表示します。

7）私はこの時点で固執しています。私は親が、<app-seleccion-servicio-component>タグなしで放出されたイベントを聴くようにする方法を知らない。

よろしくお願いいたします。

Answer 1

あなたのコードを見ずに言うことはできませんが、あなたの子コンポーネントにEventEmitterを作成し、それを親から購読することができます。

例：https://plnkr.co/edit/b6qHpolJmUFy7dYvYpkJ?p=preview

/* CHILD COMPONENT */ 
    public event: EventEmitter<any> = new EventEmitter(); 

    triggerEvent() { 
    this.event.emit({data: 12345}); 
    } 

---

/* PARENT COMPONENT */ 
this.bsModalRef.content.event.subscribe(data => { 
    console.log('Child component\'s event was triggered', data); 
});