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)]来获取和更改输入值更加灵活和可靠。

相关内容

热门资讯

透视法子!智星菠萝辅助(透视)... 透视法子!智星菠萝辅助(透视)佛手大菠萝有挂吗(辅助)总是存在有神器(哔哩哔哩)1、佛手大菠萝有挂吗...
透视机巧!sohoo poke... 透视机巧!sohoo poker辅助器(透视)xpoker怎么作必弊(辅助)确实存在有技巧(哔哩哔哩...
透视手册!来玩德州破解器(透视... 透视手册!来玩德州破解器(透视)xpoker辅助助手(辅助)果然真的是有工具(哔哩哔哩)1、透视手册...
透视窍门!哈糖大菠萝有挂吗(透... 透视窍门!哈糖大菠萝有挂吗(透视)德州局脚本(辅助)一贯是真的有插件(哔哩哔哩)1、不需要AI权限,...
透视项目!竞技联盟透视插件(透... 透视项目!竞技联盟透视插件(透视)菠萝德州透视脚本(辅助)一直一直总是有app(哔哩哔哩)1、菠萝德...
透视方式!pokemmo手机版... 透视方式!pokemmo手机版脚本免费(透视)pokemmo辅助脚本(辅助)一贯存在有方法(哔哩哔哩...
透视资料!红龙poker辅助工... 透视资料!红龙poker辅助工具(透视)哈糖大菠萝万能挂(辅助)果然真的有工具(哔哩哔哩)1、哈糖大...
透视策略!智星德州有脚本吗(透... 透视策略!智星德州有脚本吗(透视)哈糖大菠萝免费辅助器(辅助)竟然是有插件(哔哩哔哩)哈糖大菠萝免费...
透视步骤!智星德州辅助译码插件... 透视步骤!智星德州辅助译码插件靠谱吗(透视)werplan辅助软件(辅助)总是是真的有软件(哔哩哔哩...
透视策略!哈糖大菠萝辅助器(透... 透视策略!哈糖大菠萝辅助器(透视)佛手在线大菠萝为什么都输(辅助)好像一直都是有脚本(哔哩哔哩)佛手...