Question

标题显示从A到Z的字母。下面是我的HTML代码：

<div class="col-sm-9">
   <ol class="breadcrumb">
      <li *ngFor="let letter of letters"><a (click)="onLetter(letter)">{{letter}}</a></li>
  </ol> 
</div>

以下是我的组件代码：

onLetter(searchStr: string){
   localStorage.setItem('letter', searchStr);
   this._entertainmentService.searchByLetter(searchStr);
   this._router.navigate(['/et/movies/movies']);  
}

感谢您的帮助。

Answer 1

将当前选定的字母存储在组件的属性中（例如currentLetter）并使用它来动态地将类添加到<a>...</a>标记。例如：

<a (click)="onLetter(letter)" [class.active]="letter == currentLetter">
  {{letter}}
</a>

当然，您必须根据自己的情况调整此代码：您可能需要添加类<li>标记，或者使用与active不同的CSS类等。< / p>

如何将面包屑设置为活动状态或在单击时突出显示它？

1 个答案: