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

相关内容

热门资讯

科技新动态！牌乐门黑科技，西西... 科技新动态！牌乐门黑科技，西西软件游戏辅助，详细插件（有人有挂）1、西西软件游戏辅助公共底牌简单，西...
我来教大家！闲来透视辅助器最新... 我来教大家！闲来透视辅助器最新版，欢聚水鱼脚本，详细器（有挂总结）1、每一步都需要思考，不同水平的挑...
玩家必备教程！微信微乐辅助器下... 玩家必备教程！微信微乐辅助器下载，广西友乐解码器辅助器，详细教程（有挂技巧）1、让任何用户在无需广西...
玩家必备攻略！广西老友麻将有挂... 玩家必备攻略！广西老友麻将有挂吗，涂山山西辅助，详细插件（有挂方法）1、完成广西老友麻将有挂吗辅助器...
攻略讲解！火神辅助免费下载，互... 攻略讲解！火神辅助免费下载，互游拼三张脚本，详细神器（真是有挂）1、火神辅助免费下载免费脚本咨询教程...
分享一款！盛世透视辅助器，白银... 分享一款！盛世透视辅助器，白银胡乐修改器，详细脚本（有挂方法）小薇（辅助器软件下载）致您一封信；亲爱...
玩家必备教程！乐玩游戏辅助工具... 玩家必备教程！乐玩游戏辅助工具，小逸碰胡辅助，详细神器（有挂教学）乐玩游戏辅助工具能透视中分为三种模...
实测分享！蜀山四川vip破解，... 实测分享！蜀山四川vip破解，微乐家乡自建房辅助app，详细软件（有挂技巧）1、下载好微乐家乡自建房...
交流学习经验！微信小程序辅助器... 交流学习经验！微信小程序辅助器破解版，顺兴茶楼开挂，详细app（真是有挂）1、进入到微信小程序辅助器...
攻略讲解！好友赣南辅助器，新道... 攻略讲解！好友赣南辅助器，新道游游戏辅助器免费版，详细插件（新版有挂）1、完成新道游游戏辅助器免费版...