问题：仅当用户单击TabTitle时才加载选项卡，但是当用户单击选项卡内的任意位置时，期望加载内容

Question

我有动态的NgbTabset。当用户单击每个选项卡时，它将加载网格。在现有代码中，他们已经设置了当用户选择NgbTitle标签时加载GRID的条件。但是现在，如果单击发生在选项卡内的任何位置，则用户希望加载Grid。因此，在完成此任务时我需要帮助。

在现有代码下面：

<ngb-tab *ngFor="let unit of Units" id="{{getUnitId(unit)}}">
                <ng-template ngbTabTitle>
                    <label (click)="getData(unit)"><b>{{unit}}</b></label>
                </ng-template>

</ngb-tab>

当用户单击标签时，它工作正常。但是期望是“即使用户单击选项卡内的任何位置，输出网格也应加载”。因此，我将点击事件包含在DIV标签中，如下所示。

<ngb-tab *ngFor="let unit of Units" id="{{getUnitId(unit)}}">
                <ng-template ngbTabTitle>
                    <div (click)="getData(unit)"><b>{{unit}}</b></div>
                </ng-template>

</ngb-tab>

也尝试过使用SPAN标签，没有帮助。 所以，请引导我。