Angular4多个材质自动完成会导致页面冻结

Question

我正在尝试使用Angular4中的“材质自动完成”模块实现包含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> 

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

谢谢。