Angular material 使用routerLink时，角度材质选项卡动画会中断

我正在angular 6应用程序中实现angular material选项卡。如果我在不绑定routerLink的情况下使用材质选项卡，则滑动动画工作，router outlet中的内容工作。然而，当我绑定到routerLink时，滑动动画不起作用，内容只是以一种非常笨拙的方式出现

<div class="my-3">
    <nav mat-tab-nav-bar>
        <a mat-tab-link
            *ngFor="let tab of tabs"
            [routerLink]="tab.path"
            routerLinkActive #rla="routerLinkActive"
            [active]="rla.isActive">
            {{tab.label}}
        </a>
   </nav>
</div>

<router-outlet></router-outlet>

模块被延迟加载

有人知道为什么动画会中断吗？为了找到答案，我做了一些调查。我正在从app module中的“@angular/platform browser/animations”导入BrowserAnimations模块，并且我也没有在任何地方声明任何NoopBrowserAnimations

---

任何帮助都将不胜感激。

为了在

mat-tab-link

上实现选项卡动画，就像在常规

mat-tab

上一样，您需要为

定义路线动画

以下是有关管线动画的一个很好的示例：

---

我猜您必须为路由器插座定义动画。如果您碰巧解决了这个问题，请发布：）

tabs: any[] = [
    {
        label: "Details",
        path: "details"
    },
    {
        label: "Users",
        path: "users"
    }
]