Angular 4样式问题中的ng-bootstrap [ngb-tab]

Question

页面加载后，两个标签都显示为非活动状态此外，如果单击任意位置 - 活动选项卡样式变为非活动状仅适用于悬停样式

<ngb-tabset type="pills">
    <ngb-tab id="tab-1" title="Overview">


     <ng-template ngbTabContent>
              <div class="data-1"></div>
        </ng-template>
    </ngb-tab>
    <ngb-tab id="tab-2" title="Overview">
         <ng-template ngbTabContent>
              <div class="data-2"></div>
        </ng-template>
    </ngb-tab>
</ngb-tabset>