我正在尝试使用Angular4中的Material Autocomplete模块实现包含9个字段的表单以及下拉和自动完成 .

我让它适用于其中的8个，但每当我尝试添加第九个时，页面就会冻结，并且控制台中不会弹出任何错误 .

我编辑了代码以从任何想到可能是问题的地方删除异步，但情况保持不变 .

我还尝试创建一个新组件并复制/粘贴所有内容（但使用虚拟数据源），它工作正常 .

编辑：我创建了一个有效版本的plunker . http://plnkr.co/edit/y7pi6N4Yvng86dMzXfUz?p=preview

<div>
      <md-input-container class="doc-name">
        <input mdInput (ngModelChange)="applyFilter($event,5)" placeholder="Name: " [mdAutocomplete]="auto1" [formControl]="filtersForm.controls[5]">
      </md-input-container>
      <md-autocomplete #auto1="mdAutocomplete">
        <md-option *ngFor="let type of filteredFilters[5]" [value]="type">
          {{ type }}
        </md-option>
      </md-autocomplete>
    </div>

我希望页面对代码太重，这会使浏览器阻塞 . 内存使用是否有限制？如果是这样的话，你有什么建议吗？

谢谢 .

angular typescript autocomplete material