小编Max*_*ard的帖子

我使用标签导航栏。我的选项卡已正确创建。当我单击一个选项卡时，路线会起作用，并且该选项卡会正确激活。

我的问题是，当我第一次加载网站时，根选项卡具有预期的墨水，但标签未处于活动模式

• 顶部：加载时，标签“home”呈灰色（我的问题）
• 底部：单击选项卡后，标签“home”为全白色（加载时应如此）。
• 注意：两种情况下的路线都是相同的“/home”

成分：

export class NavbarComponent {
  // List of links
  links = [
    {label: 'Home', path:'/home'},
    {label: 'Design', path:'/design'}
  ];

  constructor() { }

模板：

<nav mat-tab-nav-bar
  class="mat-elevation-z4"
  backgroundColor="primary">
  <a *ngFor="let link of links"
    #rla="routerLinkActive"
    mat-tab-link
    routerLinkActive
    [routerLink]="link.path"
    [routerLinkActiveOptions]="{exact: true}"
    [active]="rla.isActive">
    {{link.label}}
  </a>
</nav>

我希望使用 ng-bootstrap。

文档要求安装 bootstrap CSS 作为依赖，但不包括 jQuery

如果我使用 npm 安装 bootstrap，我会收到警告说它需要 jquery 和 popper。

$ npm i -S bootstrap
npm WARN bootstrap@4.1.3 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself.
npm WARN bootstrap@4.1.3 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself.

有没有办法在我的项目中安装 bootstrap css 而不添加不需要的对等依赖项？