角4模板参考变量

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>，以便引用变量具有循环索引是动态的。在这里用插值来解释我想要达到的目的。

问候阿迪萨

Answer 1

嵌入视图(*ngFor)中的模板引用变量有自己的作用域，因此您只需使用相同的名称：

<tr *ngFor...>
    ...
    <mat-form-field>
      <input matInput [matDatepicker]="pick" placeholder="date" formControlName="date">
      <mat-datepicker-toggle matSuffix [for]="pick"></mat-datepicker-toggle>
      <mat-datepicker #pick></mat-datepicker>
    </mat-form-field>

示例

Answer 2

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

看看这里，在那里你有其他关于达到目标的建议