Angular NgForm form.resetForm和form.reset不适用于阵列
Angular中的NgForm是一个指令，用于管理表单的状态和验证。form.resetForm()和form.reset()是NgForm对象的两个方法，用于重置表单的值和状态。
form.resetForm()方法会将表单中的所有控件的值重置为初始值，并将表单的状态设置为未修改。它还会清除所有验证错误信息。这个方法通常在表单提交成功后使用，以便重置表单以供下一次使用。
form.reset()方法只会将表单中的所有控件的值重置为初始值，但不会改变表单的状态或清除验证错误信息。这个方法通常在需要重置表单值但保留验证状态时使用。
对于阵列（数组）类型的表单控件，form.resetForm()和form.reset()方法并不适用。如果要重置阵列类型的表单控件，可以使用以下方法：
- 使用Array的splice()方法将阵列清空：
arrayControl.setValue([]);这将将阵列控件的值设置为空数组。
- 使用Array的forEach()方法遍历阵列控件，并逐个重置每个控件的值：
arrayControl.controls.forEach(control => {
control.reset();
});这将重置阵列控件中每个控件的值。
- 如果阵列控件是动态添加的，可以使用FormArray的clear()方法清空阵列控件：
arrayControl.clear();这将清空阵列控件中的所有控件。
以上是针对Angular中NgForm的form.resetForm()和form.reset()方法在处理阵列类型的表单控件时的替代方法。
关于Angular NgForm和表单控件的更多信息，可以参考腾讯云的Angular开发文档： https://cloud.tencent.com/document/product/1130/38934
相关·内容
我有一个简单的ngForm，它可以很好地处理字符串输入和单选下拉菜单。我想添加多选下拉菜单，它引入了数组。我正面临着一个奇怪的问题。下面的代码- <form #form="ngForm" (ngSubmit)="save(form)"> (onHide)="form.resetForm()"
浏览 46提问于2020-05-03得票数 0
回答已采纳
1回答
我有一个注入表单的指令，当表单被提交或通过重置按钮被重置时，我可以得到通知，但是我无法找到在ngForm上调用ngForm时得到通知的方法。class FormDirective implements OnDestroy { this.subscription.unsubscribe(); }使用以下指令
<form appForm
浏览 5提问于2019-10-01得票数 2
回答已采纳
3回答
import { Component, OnInit } from "@angular/core"; constructor() {}
if (form.in
浏览 2提问于2020-04-21得票数 4
我想将ViewModel绑定为Angular 8 Component名称"Test“。我将Viewmodel初始化为null。它适用于模型，但不适用于ViewModel。: NgForm): any { form.reset(); currencyDetail:newgoldDetail:new GoldDet
浏览 1提问于2019-10-08得票数 1
回答已采纳
1回答
form.reset() : null;rule.service.ts： //success logic newRule(form); //failure logic});我试图在成功提交时重新设置表单和规则模型import { Component, OnInit } from '@
浏览 0提问于2018-10-22得票数 0
回答已采纳
我正在开发一个简单的Angular 2应用程序，在重置ngForm时遇到了问题，但保留了默认值：下面是代码片段：<form (ngSubmit)="onTrainSearchClick()" novalidate #trainForm="ngFormreset(trainForm)">Reset<
浏览 2提问于2017-02-09得票数 19
回答已采纳
14回答
什么是最干净的方式重置格式的角2最新版本？我想重新设置输入文本框后，添加一个帖子。 selector: 'post-div', <h2>Posts</h2> <label>Title: </label><input type="text" name="title" [(ngM
浏览 6提问于2017-01-06得票数 80
回答已采纳
1回答
我对角2还不熟悉，所以，我用角2和引导来创建这个形式。因此，当您单击文本字段并将鼠标移到其他位置时，该框将变为红色(这很好)。<div class="col-md-8 col-md-offset-2"> </form>
<
浏览 4提问于2017-07-05得票数 0
回答已采纳
我在为NgForm对象创建间谍时遇到了问题。我使用的是Angular11组件。fixture = TestBed.createComponent(AuthComponent); } 和 describe('onSubmit', () => { const ngFormStub: NgForm = <NgForm>{};
浏览 8提问于2020-11-24得票数 0
回答已采纳
1回答
重置和resetForm方法都不起作用--这是代码<form #form="ngForm" (ngSubmit)="close(form)"> </div>
Component.ts
import { Component, OnInit
浏览 2提问于2019-10-02得票数 0
1回答
post-create.component.tsimport { NgForm} from "@angular/forms"; enteredTitle = '';
constructor(public postsService: PostsService
浏览 2提问于2022-07-09得票数 0
回答已采纳
1回答
在我的modules.ts中，道布有一种日期类型，为了在resetForm方法块内的component.ts中重置它，我不能像对FirstName和LastName那样传递字符串。然而，这是我的第一个angular代码。请帮帮忙。LastName: string; if (form != null)
浏览 16提问于2020-09-23得票数 0
2回答
基本GET请求失败角和弹簧
、、、、
我使用裸骨弹簧网和弹簧的安全性和简单的角度(9)的要求。 return model;}import { HttpClient } from '@angular/common/http';impor
浏览 4提问于2020-07-28得票数 0
回答已采纳
我有一个Angular UI，单击编辑按钮可以将成员名称标题转换为表单，您可以在其中编辑和更新名称。我希望表格中预先填入现有名称。editMode">{{member.name}}</h4> <input
浏览 52提问于2018-07-15得票数 1
回答已采纳
15回答
如何在提交后清除表单和所有字段？我不能重新加载页面。使用date.setValue('')字段设置数据后，仍然是touched字段。import {Component} from 'angular2/core'; selector: &
浏览 13提问于2016-01-12得票数 115
回答已采纳
19回答
我必须在确认的同时重新设置我的表单。是否有任何方法将表单状态从ng-脏状态重置为ng-原始状态？
浏览 22提问于2016-01-05得票数 58
回答已采纳
我在我的Angular2应用程序中有一个基于模板的表单，用于用户注册。在那里，我将表单实例传递给提交函数，并在完成对服务器的异步调用后重置from。
以下是表格中的一些重要部分。<form class="form-horizontal" #f="ngForm" novalidate (ngSubmit)="onSignUpFormSubmit(f.value, f.valid,newUserCreateForm, $event)" #newUserCreateForm=&qu
浏览 0提问于2017-05-19得票数 6
我想在我的angular7表单中添加日期/日历，但我不知道如何添加。请帮帮忙。我是新来的，试图通过使用angular7 api和创建一个简单的.net表单来学习。User.component.html文件
<form #form="ngForm" (submit)="onSubmit(form)"> if (form
浏览 1提问于2019-06-16得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
