如何在Angular js 2中的组件中访问包含在ng-bootstrap模板中的局部变量？

Question

我正在使用角度为2的ngBootstrap并使用下面的tabset

<ngb-tabset  class="cab-navbar-active active">
    <ngb-tab>
        <template ngbTabTitle>
            <div>SOME
                <span class="badge badge-warning" style="margin-left: 10px;">{{someList?.length}}</span>
            </div>
        </template>
        <template ngbTabContent>
            <p-dataTable #pDataTable [value]="someList" [rows]="5" [paginator]="true" [totalRecords]="totalRecords" sortMode="multiple" emptyMessage=""> 
                <p-column *ngFor="let col of cCols" [field]="col.field" [header]="col.header | uppercase" [sortable]="true" [style]="col.style">                        
                </p-column>
            </p-dataTable>
        </template>
    </ngb-tab>
</ngb-tabset>

好吧，如果你看到我定义了名为 #pDataTable 的本地模板变量 我们可以使用 @ViewChild 进行访问，但对我来说它是未定义的。

但是，当我在 ngb-tabset 之外定义 p-dataTable 时，我可以访问它。

我不明白这里的问题是什么，我尝试了 @ViewChild 和 @ConentChildern ，但没有运气。

请告诉我，在我们定义的组件中访问包含在ng-bootstrap tabset模板中的局部变量的正确方法。