Angular无法通过[(ngModel)]获取由JavaScript更改的输入值。
创始人
2024-10-30 02:00:40
0次

使用Angular中的Reactive Forms来解决这个问题。可以使用FormControl来捕获和管理表单中的值,而不是通过[(ngModel)]来获取输入值。下面是一个示例代码:

HTML文件:

TypeScript文件:

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
  myForm: FormGroup;

  constructor() { }

  ngOnInit(): void {
    this.myForm = new FormGroup({
      inputValue: new FormControl('')
    });
  }

  onInputChange(): void {
     const inputValue = 'new value';
     this.myForm.get('inputValue').setValue(inputValue);
  }
}

在上面的代码中,我们使用了FormControl来捕获和管理输入值。在组件的ngOnInit函数中,我们创建了一个名为myForm的FormGroup并将其分配给组件的属性。在模板中,我们指定FormGroup中的表单控件名称作为formControlName指令的属性值。此外,还可以使用setValue函数来更改输入框的值,在此示例中,我们通过onInputChange函数将输入框的值更改为'new value”。

这种方法比使用[(ngModel)]来获取和更改输入值更加灵活和可靠。

相关内容

热门资讯

据公告内容开挂!东游麻将辅助透... 据公告内容开挂!东游麻将辅助透视挂,顺乐是有外挂,真是有挂辅助亲,关键说明,东游麻将透视脚本安卓赛季...
热门推荐开挂!老铁十三水辅助透... 您好,老铁十三水这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在这...
科技新动态透视挂!酷乐游戏辅助... 科技新动态透视挂!酷乐游戏辅助透视挂,断勾卡一血战麻将是有外挂,本来有挂技巧1、下载好酷乐游戏正确养...
每日必备透视挂!芒果斗地主辅助... 每日必备透视挂!芒果斗地主辅助透视挂,中至山西麻将是真的有外挂,竟然真是有挂1、用户打开应用后不用登...
安装程序教程透视挂!百乐娱乐辅... 安装程序教程透视挂!百乐娱乐辅助透视挂,黄山麻将确实有外挂,都是有挂技巧1、不需要AI权限,帮助你快...
一分钟揭秘开挂!牌牌乐辅助透视... 一分钟揭秘开挂!牌牌乐辅助透视挂,牌友竞技确实有外挂,确实有挂解惑1、完成牌牌乐辅助器v3.3的残局...
玩家必备攻略开挂!牌友汇辅助透... 玩家必备攻略开挂!牌友汇辅助透视挂,微乐江西麻将确实有外挂,果然真的有挂运微乐江西麻将辅助工具,进入...
随着辅助!大懒人娱乐辅助透视挂... 随着辅助!大懒人娱乐辅助透视挂,拾贝玩存在有外挂,原来新版有挂1、上手简单,内置详细流程视频教学,新...
大家学习交流辅助!闲游福建麻将... 大家学习交流辅助!闲游福建麻将辅助透视挂,天天互娱存在有外挂,总是有挂细节1、闲游福建麻将免费辅助多...
今日焦点透视挂!牵手跑胡子辅助... 今日焦点透视挂!牵手跑胡子辅助透视挂,盛游娱乐真的是有外挂,确实揭秘有挂1、牵手跑胡子模拟器是什么优...