Angular没有将表单数据推送到数组
创始人
2024-10-28 12:30:30
0

要将表单数据推送到数组中,你可以使用Angular的表单控件和表单对象来获取表单数据,并使用数组的push方法将数据推送到数组中。下面是一个示例代码:

HTML模板:

数组数据:

  • {{item.name}} - {{item.age}}

组件代码:

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  dataArray: any[] = [];

  onSubmit() {
    if (myForm.valid) {
      this.dataArray.push(myForm.value);
      myForm.resetForm();
    }
  }
}

在上面的示例中,我们使用ngSubmit指令在表单提交时调用onSubmit方法。在onSubmit方法中,我们首先检查表单的有效性(valid属性),然后使用表单对象(myForm)的value属性获取表单数据,并将其推送到dataArray数组中。最后,我们通过调用resetForm方法重置表单。

请确保在组件中正确引用了FormsModule,以便使用ngModel和ngForm指令。

相关内容

热门资讯

透视攻略!aapoker真的假... 透视攻略!aapoker真的假的(透视)ai插件(确实有挂)aapoker真的假的辅助器中分为三种模...
透视教程!aapoker透视插... 透视教程!aapoker透视插件(透视)透视脚本(果然真的是有挂)1、超多福利:超高返利,海量正版游...
透视有挂!aapoker辅助软... 透视有挂!aapoker辅助软件合法吗(透视)发牌逻辑(总是是真的有挂)一、aapoker辅助软件合...
透视苹果版!aapoker a... 透视苹果版!aapoker ai插件(透视)透视脚本下载(一直存在有挂);1、超多福利:超高返利,海...
透视app!aapoker如何... 透视app!aapoker如何设置胜率(透视)透视脚本下载(一贯真的是有挂);1、超多福利:超高返利...
透视辅助!aapoker发牌逻... 透视辅助!aapoker发牌逻辑(透视)插件下载(本来真的是有挂);1、让任何用户在无需aapoke...
透视辅助!aapoker能控制... 透视辅助!aapoker能控制牌吗(透视)透视脚本下载(切实真的是有挂);一、aapoker能控制牌...
透视玄学!aapoker辅助插... 透视玄学!aapoker辅助插件工具(透视)真的假的(其实有挂)运aapoker辅助插件工具辅助工具...
透视透视!aapoker辅助插... 透视透视!aapoker辅助插件工具(透视)万能辅助器(本来有挂)1、aapoker辅助插件工具系统...
透视教学!aapoker免费透... 透视教学!aapoker免费透视脚本(透视)万能辅助器(一直是有挂)1、让任何用户在无需aapoke...