Question

我有一个数据树结构，我想通过递归遍历树来填充H。我认为使用I实施起来很容易，但是由于某些原因，这打破了mat-options的绑定。会出现mat-options，当您单击它们时，它们的状态更改为“活动”，但否则它们未绑定到ngTemplateOutlet对象（例如，单击不会关闭选择框）。

有没有一种方法可以实现我想要的功能？另外，什么原理导致了我所看到的行为？

这是正在发生的事的演示：https://stackblitz.com/edit/angular-dvtq8h

这是组件html的副本：

mat-select

Answer 1

通过TypeScript管理mat-option可以提供更大的灵活性：

TypeScript：

export class SelectOverviewExample {
  options: any = [
    {
      'value': 'c',
      'displayText' : 'other'
    }
  ];
}

HTML：

<mat-form-field>
  <mat-select placeholder="Favorite food">
    <mat-option [value]="'a'">A</mat-option>
    <mat-option [value]="'b'">B</mat-option>
    <mat-option *ngFor="let option of options" [value]="option.value" >{{ option.displayText }}</mat-option>
  </mat-select>
</mat-form-field>

垫选择内的角材料ngTemplateOutlet不起作用

1 个答案: