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的默认路由会给出空白页面而不是跳转到组件。

相关内容

热门资讯

有玩家发现!广西老友玩有破解(... 有玩家发现!广西老友玩有破解(辅助)切实确实有辅助器(发现有挂)1）广西老友玩有破解辅助插件：进一步...
相较于以往!德州扑克游戏辅助器... 相较于以往!德州扑克游戏辅助器(辅助)好像真的是有辅助app(有挂细节)1、任何德州扑克游戏辅助器透...
今天下午!新超凡辅助(辅助)一... 今天下午!新超凡辅助(辅助)一直是有辅助攻略(真的有挂)1、每一步都需要思考，不同水平的挑战会更加具...
近日!情怀辅助器(辅助)切实真... 您好，情怀辅助器这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很多玩家在这...
明白辅助挂!广东雀神智能插件辅... 明白辅助挂!广东雀神智能插件辅助脚本(辅助)确实真的有辅助脚本(果真有挂)1、下载好广东雀神智能插件...
最新消息!微乐家乡小程序辅助(... 最新消息!微乐家乡小程序辅助(辅助)竟然确实有辅助工具(有挂秘诀)1）微乐家乡小程序辅助辅助插件：进...
迎来新发展!德普之星辅助器(辅... 迎来新发展!德普之星辅助器(辅助)本来确实有辅助软件(有挂猫腻)1、下载好德普之星辅助器脚本下载之后...
技巧辅助挂!悟空大厅辅助(辅助... 技巧辅助挂!悟空大厅辅助(辅助)真是存在有辅助神器(有挂攻略)1、首先打开悟空大厅辅助辅助器下载最新...
随着!边锋老友修改器(辅助)本... 随着!边锋老友修改器(辅助)本来真的有辅助脚本(有挂技巧)边锋老友修改器透视方法中分为三种模型：边锋...
这一问题亟待解决!悟空大厅辅助... 这一问题亟待解决!悟空大厅辅助器(辅助)都是真的是有辅助脚本(有挂功能)1、悟空大厅辅助器透视辅助软...