私が使用していますUI持っているngb-tabsetとngb-tab、次をレンダリングするために：

ユーザーはフォームに上記の何かを入力し、Graph Navigation次のようにタブの下にグラフィカルな視覚化を取得します。

これで、ユーザーはSemantic Queryタブをクリックして、子コンポーネントから情報を取得できます。

ただし、ユーザーがGraph Navigationタブをクリックして戻ると、次のエラーが発生します。

 myDiagram is undefined

ここmyDiagramで、go.Diagramは親コンポーネントから情報を取得してダイアグラムをレンダリングするインスタンスです。（GoJS）

コード

parent.component.html

<ngb-tabset>
    <ngb-tab title="Graph Navigation">
        <template ngbTabContent>
        <explore-search-details [config]="visData" [lang]="language"></explore-search-details>
        </template>
    </ngb-tab>
    <ngb-tab title="Semantic Query">
        <template ngbTabContent>
            <explore-search-semantic></explore-search-semantic>
        </template>
    </ngb-tab>

</ngb-tabset>

• explore-search-detailsかかる子コンポーネントであるvisDataとlanguage親コンポーネントからの入力変数としては。

• 中explore-search-details.component.htmlにはdivレンダリングを処理する次のようなものがあります

    <div #myDiagramDiv></div>
  

バージョン

angular 2.4.0、 ng-bootstrap 1.0.0-alpha.21

編集

私のアドレス指定に誤りがあったmyDiagramあるgo.Diagram範囲内で使用される型の変数ngOnChanges()とngAfterViewInit()タブがスイッチバックされた後は不定行くのフックのライフサイクル。