从Angular中多个动态生成的Mat选择列表中获取选定的值

Question

我正在生成并填充多个<mat-selection-list>，它们的数量是动态的并且基于用户输入。提交后，我需要从这些列表中收集选定的值，但是我不知道如何唯一地标识列表。

每个用户输入实例导致两个 <mat-selection-lists>，因此，我不仅需要确定两个列表的哪种类型，还需要确定哪个用户输入实例填充了该列表。 / p>

列表当前是在* ngFor循环中生成的，并且我正在跟踪每个列表的索引值，因此，如果我可以将该索引值附加到每个列表变体的模板引用变量之类的位置，则将被设置。

潜在的解决方案如下所示：

<mat-expansion-panel *ngFor="let customer of customersAry; let x=index">
  <!-- Here is where I would create a dynamic variable name
       to be referenced in the typescript file -->
  <mat-selection-list #'details'+k>
    <mat-list-option>Name</mat-list-option>
    <mat-list-option>Email</mat-list-option>
  </mat-selection-list>
</mat-expansion-panel>

我在其中创建附加到<mat-selection-list>标签的某种动态变量。

我已经尝试使用此处和[[ngModel）]一样的模板引用变量，但是找不到解决我问题的解决方案。