angular2：從父組件打開ng2-bootstrap模態

Question

我試圖從父組件打開ng2-bootstrap模態。我創建了一個ModalComponent，並且我「exportAs：child」。我ModalComponent看起來像

import { Component, Input, ViewChild } from '@angular/core'; 
import { ModalDirective } from 'ng2-bootstrap/ng2-bootstrap'; 

@Component({ 
    selector: 'modal', 
    moduleId: module.id, 
    templateUrl: 'modal.component.html', 
    styleUrls: ['modal.component.css'], 
    exportAs: 'child' 
}) 
export class ModalComponent { 

    @ViewChild('childModal') public childModal:ModalDirective; 

    public show(variant):void { 

     console.log(this.childModal); 
     this.childModal.show(); 
    } 

    public hide():void { 

     this.childModal.hide(); 
    } 
} 

，我包括父模板的模式爲

<modal #c="child"></modal> 

...從父模板稱其爲

<button type="button" class="btn btn-primary" (click)="c.show(variant)">open</button> 

我打的「在ModalComponent中正確顯示「方法」，但「childModal」的值始終未定義（Nb：console.log（）語句）。

任何指針，非常感謝。

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.