如何避免角度应用程序中遵循的一系列输入?

我正在学习角度,我遇到了这个问题。如何防止用户通过连续多次输入表单来淹没程序。。例如,使用以下javascript:

javascript:for(var i=0;i<9999999;i++){ document.getElementByTagName("button")[0].click();

这是我的角度代码: 组件:

export class InsertTODO implements OnInit {
constructor(private angularFire: AngularFireDatabase) { }
ngOnInit() {
}
form_submit(f: NgForm) {
this.angularFire.list('todos').push(
  {
    name: f.controls.name.value
  }).then((t: any) => console.log('recorded data ' + t.key),
   (e: any) => console.log(e.message));
  f.controls.name.setValue('');
}

查看:

<h1> WorkZone TODO </h1>
<form #f="ngForm" (submit)="form_submit(f)">
  <input type="text" ngModel name="name" placeholder="TODO">
  <br/>
  <br/>
  <button type="submit">Insert</button>
  <button type="reset">Clear</button>
</form>

这在workzone上是联机的。tk公司 部署在firebase主机上

谢谢大家!