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

相关内容

热门资讯

透视最新！wepower辅助器... 透视最新！wepower辅助器，德扑之星如何分别是否，一直存在有挂（详细辅助2025新版教程）；运w...
透视安卓版！wepokeai代... 透视安卓版！wepokeai代打，wepokeai代打辅助，一直有挂（详细辅助教你教程）；1、打开软...
透视了解！德扑ai智能机器人，... 透视了解！德扑ai智能机器人，wepoke辅助器真的有用吗，好像是真的有挂（详细辅助技巧教程）在进入...
透视智能ai！德扑之星ai代打... 透视智能ai！德扑之星ai代打，德州ai免费，一直是有挂（详细辅助透牌教程）1、德扑之星ai代打ai...
透视规律！wpk透视辅助工具，... 透视规律！wpk透视辅助工具，德扑之星软件透明有人买，切实是有挂（详细辅助微扑克教程）；1、让任何用...
透视数据！wpk发牌逻辑，wp... 透视数据！wpk发牌逻辑，wpk微扑克模拟器，总是真的是有挂（详细辅助解说技巧）1、任何wpk发牌逻...
透视软件！wepoke辅助插件... 透视软件！wepoke辅助插件，德扑之星系统有哪里规律，总是存在有挂（详细辅助技巧教程）1、每一步都...
透视肯定！aa扑克辅助，wep... 透视肯定！aa扑克辅助，wepower怎么设置德州，本来真的是有挂（详细辅助解密教程）1、每一步都需...
透视安卓版！智星德州菠萝偷偷看... 透视安卓版！智星德州菠萝偷偷看牌功能，传奇扑克辅助，总是有挂（详细辅助辅助教程）1、超多福利：超高返...
透视讲解！德扑数据软件，德州a... 透视讲解！德扑数据软件，德州ai智能辅助，总是存在有挂（详细辅助AI教程）；1、完成德扑数据软件的残...