错误：尝试区分'[object HTMLOptionsCollection]'时出错仅允许数组和可迭代

问题描述

无法理解以下错误 “错误：试图区分'[object HTMLOptionsCollection]'。仅允许数组和可迭代对象”

1.child组件html

  <mat-option class="drop-down" *ngFor="let option of dropdownOptions" [value]="option">
              {{option.label}}
    </mat-option>

1.child组件ts

  @ContentChild('customSelect') selectEle: ElementRef;
     ngOnInit() {
         this.dropdownOptions = this.selectEle.nativeElement.options;
    }

2.parent组件

   <material-dropdown [addBlank]="true">
    <select #customSelect>
    <option *ngFor=" let item of items">
    {{ item }}
    </option>
    </select>
     </material-dropdown>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）