角引导程序如何在routerlinkactive为true时使卡片组中的卡片处于活动状态

2024-05-05 • 问答

我正在使用Angular 7 + Bootstrap。我正在使用引导卡甲板创建3个菜单。当routerlinkactive处于活动状态时，我想为该链接可用的特定卡的边框设置样式。

<div class="container-fluid">
  <div class="card-deck mb-3 text-center">
    <div class="card mb-4 box-shadow"> <!-- want to style at this level when link is active -->
      <div class="card-header pb-2">
        <h4 class="my-0 font-weight-normal">Menu 1</h4>
      </div>
      <div class="card-body">
        <a routerLinkactive="active" routerLink='my-courses' class="link-unstyled">
          <i class="fas fa-tasks fa-9x"></i></a>
      </div>
    </div>
    <div class="card mb-4 box-shadow">
      <div class="card-header pb-2">
        <h4 class="my-0 font-weight-normal">Menu 2</h4>
      </div>
      <div class="card-body">
        <a routerLinkactive="active" routerLink='completion-certs' class="link-unstyled">
          <i class="fas fa-award fa-9x"></i></a>
      </div>
    </div>
    <div class="card mb-4 box-shadow">
      <div class="card-header pb-2">
        <h4 class="my-0 font-weight-normal">Menu 3</h4>
      </div>
      <div class="card-body">
        <a routerLinkactive="active" routerLink='self-certification' class="link-unstyled">
          <i class="fas fa-book-reader fa-9x"></i></a>
      </div>
    </div>
  </div>

</div>

public void Configure(IApplicationBuilder app) { app.Use(async (context,next) => { var request = context.Request; var method = request.Method; IHeaderDictionary headers = request.Headers; string key = "Content-Type"; if (method == "GET" && request.Headers.ContainsKey(key)) { headers.Remove(key); } // Call the next delegate/middleware in the pipeline await next(); }); //... }

角引导程序如何在routerlinkactive为true时使卡片组中的卡片处于活动状态

snmpnms 回答：角引导程序如何在routerlinkactive为true时使卡片组中的卡片处于活动状态

大家都在问