具有Scroll_Direction选项示例的材料设计动态选项卡

Question

我正在使用Angular v6和Angular Material构建应用程序。

使用mat-tab-nav-bar指令添加动态标签时，导航栏中的新标签会被添加，但不会显示在UI上，这可能是由于我们的容器空间所致。

我相信，使用MatTabsModule中的“ Scroll_Direction”类型可以使我动态滚动标签，以便可以看到所有标签。有人可以举例说明如何在mat-tab-nav-bar中使用/配置“ Scroll_Direction”类型吗？

这是我的导航条形码：

<nav mat-tab-nav-bar>
    <a mat-tab-link *ngFor="let tab of tabs"
        [routerLink]="['/'+tab.path, tab.params]" routerLinkActive
        #rla="routerLinkActive" [active]="rla.isActive"> {{tab.title}} 
      <span
        [hidden]="!tab.removable"> <span
            (click)="$event.preventDefault(); removeTab(tab);"
            class="glyphicon glyphicon-remove-circle"></span>
    </span>
    </a>
</nav>
<router-outlet></router-outlet>