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

相关内容

热门资讯

详情透视！wepoker好友房... 详情透视！wepoker好友房开挂，微乐透视辅助功能插件下载，方案教程（有挂实锤）-哔哩哔哩1、超多...
解密透视！wejoker辅助软... 解密透视！wejoker辅助软件价格，微乐小程序自建房辅助，积累教程（详细教程）-哔哩哔哩1）wej...
普及透视！wepoker插件辅... 普及透视！wepoker插件辅助，淘宝的微乐辅助是真的吗，机巧教程（有挂助手）-哔哩哔哩1、不需要A...
总结透视！德普之星透视，微乐家... 总结透视！德普之星透视，微乐家乡app下载，模板教程（详细教程）-哔哩哔哩1、德普之星透视有没有辅助...
总结透视！hhpoker有透视... 总结透视！hhpoker有透视功能吗，微乐小程序自建房辅助器下载，练习教程（发现有挂）-哔哩哔哩1....
揭露透视！hhpoker有后台... 揭露透视！hhpoker有后台操作吗，微乐内蒙古自建房脚本免费下载，绝活教程（竟然有挂）-哔哩哔哩该...
开挂透视！智星德州辅助译码插件... 开挂透视！智星德州辅助译码插件靠谱吗，微乐脚本，积累教程（有挂方法）-哔哩哔哩1、这是跨平台的智星德...
解密透视！we-poker辅助... 解密透视！we-poker辅助软件教程，微乐自建房辅助神器怎么安装，指南书教程（真是有挂）-哔哩哔哩...
曝光透视！哈糖大菠萝挂，微信小... 曝光透视！哈糖大菠萝挂，微信小程序辅助器脚本，教材教程（有挂细节）-哔哩哔哩哈糖大菠萝挂是不是有人用...
推荐透视！aapoker怎么设... 推荐透视！aapoker怎么设置抽水，微乐脚本辅助器，方针教程（有人有挂）-哔哩哔哩1、实时aapo...