Question

是否可以拥有动态模板引用变量？

例如，我想做这样的事情：

 <tr *ngFor="let item of items.controls; let i=index" >
  <th >{{i}}</th>
  <td>

    <mat-form-field>
      <input matInput matDatepicker="{{'pick'+i}}" placeholder="date" 
      formControlName="date">

      <mat-datepicker-toggle matSuffix for="{{'pick'+i}}">
      </mat-datepicker-toggle>

      <mat-datepicker #"{{'pick'+i}}"></mat-datepicker>

    </mat-form-field>

  </td>
 </tr>

我试图弄清楚如何编写<mat-datepicker #"{{'pick'+i}}"></mat-datepicker>，使得引用变量与循环索引是动态的。在这里使用插值只是为了解释我想要实现的目标。

问候 Adisa

Answer 1

嵌入视图中的模板引用变量（* ngFor）有自己的范围，因此您可以使用相同的名称：

new DelegateEqualityComparer<Employee>(e => e.ReferenceCode)

<强> Example

Answer 2

模板引用变量无法动态命名。它们必须是静态可分析的

查看 here，其中有关于实现目标的其他建议

Angular 4模板引用变量

2 个答案: