javascript - Angular - array.push() 刷新页面

Question

此函数应将某些数字推送到我将在 View 中显示的数组。

@Component({
  selector: 'app-task2',
  templateUrl: './task2.component.html',
  styleUrls: ['./task2.component.css']
})
export class Task2Component implements OnInit {

  array: [number];
  input;

  constructor() {}
  ngOnInit() {}
}

一切正常，但只要我包含“this.array.push(i)”，它就会在提交时不断刷新我的页面(在提交时调用此函数)。我删除它，一切正常，它以正确的方式迭代，找到数字和它应该做的一切。即使我在函数内部创建数组并推送给它，它也能正常工作，但是当我将它用作类“属性”并使用“this”作为引用时，它不起作用(开始刷新)。

onSubmit() {

  for(var i=2; i<=this.input; i++) {
    if(this.input % i == 0) {
      this.input /= i;
      this.array.push(i);
      return this.onSubmit(); //does same even without this
    }
  }
  this.input = "";
}

Answer 1

我知道这看起来很奇怪，但诀窍很简单。

只需初始化数组，重新加载问题就会消失。

array: number[] = [];

我的代码刚刚遇到了这个问题，这个技巧解决了这个问题。