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

相关内容

热门资讯

透视代打！aapoker插件下... 透视代打！aapoker插件下载（透视）aapoker破解侠是真的吗，微扑克教程（有挂技巧）1、很好...
透视美元局！wepoker透视... 透视美元局！wepoker透视脚本视频，wepoker代打辅助机器人（详细黑侠辅助器正版下载）；1、...
透视代打！poker辅助器免费... 透视代打！poker辅助器免费安装，wepoker破解工具（详细黑侠辅助器正版下载）1、poker辅...
透视透视！aapoker安装包... 透视透视！aapoker安装包怎么使用（透视）aapoker公共底牌，可靠技巧（有挂辅助）一、aap...
透视玄学！aapoker辅助器... 透视玄学！aapoker辅助器是真的吗（透视）aapoker辅助软件合法吗，玩家教你（有挂解密）；1...
辅助透视！wepoker买脚本... 辅助透视！wepoker买脚本靠谱吗，wepoker免费脚本咨询（详细有透视方法）1、进入到wepo...
透视存在！wepoker正确养... 透视存在！wepoker正确养号方法，wepoker究竟有没有透视（详细数据分析）一、wepoker...
透视系统！aapoker透视脚... 透视系统！aapoker透视脚本（透视）aapoker脚本怎么用，必赢教程（有挂教程）1、构建自己的...
透视有挂！wepoker手机插... 透视有挂！wepoker手机插件，wepoker免费脚本咨询（详细-h5下载）；一、wepoker免...
透视黑科技！aapoker怎么... 透视黑科技！aapoker怎么设置提高好牌几率（透视）aapoker ai插件，曝光教程（有挂解说）...