Angular的模板驱动表单重置无法在组件类中工作
创始人
2024-10-24 07:01:26
0次

在组件类中使用ViewChild装饰器来引用表单，并在需要重置表单时，调用表单的reset方法。

示例代码：

  1. 在模板文件中设置表单：

  1. 在组件类中引用表单：

import { Component, ViewChild } from ‘@angular/core’;

@Component({ selector: ‘app-my-form’, templateUrl: ‘./my-form.component.html’, styleUrls: [‘./my-form.component.css’] }) export class MyFormComponent { @ViewChild(‘myForm’) myForm;

firstName: string; lastName: string;

onSubmit() { console.log(this.firstName, this.lastName); }

resetForm() { this.myForm.reset(); } }

  1. 在模板文件中调用resetForm方法：

这样，当用户点击“重置”按钮时，表单将被重置并清空所有输入字段。

上一篇：Angular的模板解析错误

下一篇：Angular的默认路由会给出空白页面而不是跳转到组件。

相关内容

热门资讯

3分钟技法！嘟咪互动修改器（外... 3分钟技法！嘟咪互动修改器（外挂）本来一直都是有辅助攻略（哔哩哔哩）1、玩家可以在嘟咪互动修改器线上...
第2分钟课程！新道游智能辅助器... 第2分钟课程！新道游智能辅助器（外挂）一直是真的有辅助方法（哔哩哔哩）1、实时新道游智能辅助器透视辅...
第四分钟总结！潮友会app下载... 第四分钟总结！潮友会app下载安卓（外挂）原来一直都是有辅助方法（哔哩哔哩）1、完成潮友会app下载...
3分钟课程！同城游辅助软件（外... 3分钟课程！同城游辅助软件（外挂）切实一直都是有辅助技巧（哔哩哔哩）同城游辅助软件能透视中分为三种模...
九分钟方式！兴动休闲辅助（外挂... 九分钟方式！兴动休闲辅助（外挂）一直是真的有辅助方法（哔哩哔哩）1、金币登录送、破产送、升级送、活动...
第三分钟诀窍！今日长牌辅助（外... 第三分钟诀窍！今日长牌辅助（外挂）总是真的是有辅助技巧（哔哩哔哩）1、下载好今日长牌辅助脚本下载之后...
7分钟秘籍！中至辅助（外挂）本... 7分钟秘籍！中至辅助（外挂）本来真的有辅助app（哔哩哔哩）1、实时中至辅助透视辅助更新：用户可以随...
1分钟手册！财神十三章张助安装... 1分钟手册！财神十三章张助安装包（外挂）一贯有辅助脚本（哔哩哔哩）1、进入到财神十三章张助安装包是否...
八分钟诀窍！如何下载并安装胡乐... 八分钟诀窍！如何下载并安装胡乐辅助脚本（外挂）真是有辅助脚本（哔哩哔哩）1、全新机制【如何下载并安装...
第6分钟方针！决战辅助（外挂）... 第6分钟方针！决战辅助（外挂）一贯真的是有辅助软件（哔哩哔哩）1）决战辅助有没有挂：进一步探索决战辅...