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

相关内容

热门资讯

科技通报！哈局八张模拟器，h5... 科技通报！哈局八张模拟器，h5大厅反杀教程（竟然存在有挂）1、科技通报！哈局八张模拟器，h5大厅反杀...
查到实测辅助！微信老友广东辅助... 查到实测辅助！微信老友广东辅助器，hhpoker免费辅助器，黑科技教程（有挂实锤）是一款可以让一直输...
必备攻略！关春天凑一桌辅助，蜀... 必备攻略！关春天凑一桌辅助，蜀山四川破解好友版辅助（果然真的有挂）暗藏猫腻，小编详细说明蜀山四川破解...
科技通报！潮友会透视辅助教程，... 科技通报！潮友会透视辅助教程，wepoker轻量版有透视吗，详细教程（有挂总结）是一款可以让一直输的...
我来分享！老友广东潮汕麻雀辅助... 我来分享！老友广东潮汕麻雀辅助，德州透视是真的假的，扑克教程（有挂功能）；我来分享！老友广东潮汕麻雀...
科技分享！潮汕汇鱼虾蟹修改器，... 科技分享！潮汕汇鱼虾蟹修改器，潮汕激k破解版无限房卡（总是有挂）1、全新机制【潮汕激k破解版无限房卡...
最新技巧！科米台州麻将辅助，w... 最新技巧！科米台州麻将辅助，wepoker有辅助功能吗，2025教程（有挂猫腻）;科米台州麻将辅助是...
终于懂了！h5能反杀吗，微新欢... 终于懂了！h5能反杀吗，微新欢乐卡五星辅助（都是真的有挂）微新欢乐卡五星辅助能透视中分为三种模型：微...
记者发布！新道游戏辅助器免费版... 记者发布！新道游戏辅助器免费版，wepoker有透视底牌吗，安装教程（存在有挂）；记者发布！新道游戏...
我来分享！情怀透明器看手机纸牌... 我来分享！情怀透明器看手机纸牌，琼崖辅助软件（果然存在有挂）1）情怀透明器看手机纸牌免费钻石：进一步...