如何将内插字符串分配给模板Ref变量

Question

是否可以通过在字符串中插入字符串来分配元素引用变量？

<mat-list-item *ngFor="let item of studentItems " [class.is-active]="ref.isActive" >
      <a  routerLink="{{item.link}}" routerLinkActive #ref="routerLinkActive">{{item.title}} {{profile}}</a>
      <mat-icon matListIcon class="mat-grey" [class.link-active]="ref.isActive">{{item.icon}}</mat-icon>
</mat-list-item>

我正在考虑对模板Ref进行变量插值，以为每个席子列表项获取唯一的ref文字，否则css类将污染所有选中的项，而当许多项具有相同的ref时则不会选中。

Answer 1

当然，但是使用了Angular Router及其指令

<a [routerLink]="item.url"></a>

或

<a routerLink="https://some_url.com"></a>

Angular Router可以使用ActivatedRoute片段属性提供甚至锚链接