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

相关内容

热门资讯

必备透视!哈糖大菠萝开挂!本来... 必备透视!哈糖大菠萝开挂!本来真的是有辅助软件(了解有挂)-哔哩哔哩亲，关键说明，哈糖大菠萝开挂透视...
辅助透视！epoker有透视吗... 辅助透视！epoker有透视吗，wepoker私人局有透视吗，总结教程（有挂技巧）-哔哩哔哩1、we...
揭幕透视!哈糖大菠萝破解器!一... 揭幕透视!哈糖大菠萝破解器!一直有辅助教程(有挂教程)-哔哩哔哩1、游戏颠覆性的策略玩法，独创攻略技...
详细透视！hhpoker脚本，... 详细透视！hhpoker脚本，wepoker透视脚本视频，指引教程（有挂规律）-哔哩哔哩1、点击下载...
详细透视!约局吧如何查看是否有... 详细透视!约局吧如何查看是否有挂!一贯存在有辅助方法(真的有挂)-哔哩哔哩1、玩家可以在约局吧如何查...
详情透视！hh poker辅助... 详情透视！hh poker辅助有用吗，wepoker辅助透视软件，机巧教程（有挂方略）-哔哩哔哩1、...
教你透视!拱趴大菠萝自动计算机... 教你透视!拱趴大菠萝自动计算机器人!好像是有辅助攻略(竟然有挂)-哔哩哔哩1）拱趴大菠萝自动计算机器...
有挂透视！wepoker透视脚... 有挂透视！wepoker透视脚本免费，hhpoker德州挂真的有吗，演示教程（新版有挂）-哔哩哔哩1...
有挂透视!来玩德州破解器!总是... 有挂透视!来玩德州破解器!总是存在有辅助攻略(有挂头条)-哔哩哔哩1、来玩德州破解器透视辅助软件激活...
有挂透视！德州局透视脚本免费版... 有挂透视！德州局透视脚本免费版下载手机版，aapoker脚本，攻略教程（真实有挂）-哔哩哔哩在进入德...