在导入大量角度值并将其分配给角形时，在潜在的内存不足崩溃之前已暂停（Chrome浏览器）

Question

我正在使用角形材料步进器，并且正在使用这个selectionChange（$ event）函数，该函数为我提供了mat-stepper-水平菜单的索引。

<mat-horizontal-stepper #stepper="matHorizontalStepper" linear="false"
[selectedIndex]="this.selectedIndex" 
(selectionChange)="selectionChange($event)">

，在此函数中，我遍历值列表和 如果值小于100，则将值分配为角度形式，不会导致浏览器崩溃，但如果值小于 超过500则浏览器崩溃了，有人知道如何解决该问题吗？

selectIndex = 0
public selectionChange($event?: StepperSelectionEvent): void {  
    this.selectedIndex = $event.selectedIndex
    if (this.selectedIndex === 1) {
        for (let i = 0; i < this.forms.value.length; i++) {
            while (!this.forms.value[i]) {
                this.forms.addValue()
            }
            this.forms.setValue(this.forms.value[i])
        }
    }   
}