Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 带嵌套管线的角度RouterLink活动_Angular_Typescript - Fatal编程技术网
Fatal编程技术网
  • angular/
  • Angular 带嵌套管线的角度RouterLink活动

Angular 带嵌套管线的角度RouterLink活动

angular typescript

Angular 带嵌套管线的角度RouterLink活动,angular,typescript,Angular,Typescript,我有问题。在我的页面上，我有route/productsList。我有列表组： <div class="sticky-top"> <ul class="list-group"> <a class="list-group-item list-group-item-action" [routerLink]="['/productsList']" routerLinkActive="active" > sad</a> &

我有问题。在我的页面上，我有route
/productsList
。我有
列表组
：


<div class="sticky-top">

  <ul class="list-group">
    <a  class="list-group-item list-group-item-action"  [routerLink]="['/productsList']"   routerLinkActive="active"  > sad</a>

    <a *ngFor="let products of categoryProduc; let i = index"  [routerLink]="[products.name]"  routerLinkActive="active"   class="list-group-item list-group-item-action">
      {{ products.name }}
    </a>
  </ul>

</div>



始终选中，因为我始终具有
/productsList
，我希望在具有嵌套路由时禁用
 您必须定义
[routerLinkActiveOptions]=“{exact:true}”
来区分
/productsList
和
/productsList/products
：


<a class="list-group-item list-group-item-action" [routerLink]="['/productsList']" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">not sad</a>



不悲伤

检查此链接（）

<a class="list-group-item list-group-item-action" [routerLink]="['/productsList']" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">not sad</a>