Angular的FormControl导致无限循环。
创始人
2024-10-24 03:31:25
0

可能会出现这个问题的原因是在监听表单控件的值变化时,代码同时更改了表单控件的值,导致了无限循环。为了避免这个问题,可以将更改控制器值的代码放在Angular的zone之外,使其避开Angular的变更检测。

示例代码:

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

@Component({
  selector: 'my-app',
  template: `
    

Form value: {{ formGroup.value | json }}

`, }) export class AppComponent { formGroup = new FormGroup({ name: new FormControl('') }); constructor(private ngZone: NgZone) { this.formGroup.get('name').valueChanges.subscribe(name => { // This code will cause an infinite loop // this.formGroup.setValue({ name: name.toUpperCase() }); // Putting the code outside of Angular zone // will avoid the infinite loop this.ngZone.runOutsideAngular(() => { this.formGroup.setValue({ name: name.toUpperCase() }); }); }); } }

相关内容

热门资讯

出乎意料的是!wepoker辅... 出乎意料的是!wepoker辅助器免费,德普之星app安卓版破解版,都是真的有挂(有挂解惑)1、进入...
最强版hhpoker免费辅助器... 最强版hhpoker免费辅助器,约局吧开挂,真是是有挂(真是有挂)1、hhpoker免费辅助器有没有...
最强版德普之星透视软件免费入口... 最强版德普之星透视软件免费入口官网,wpk软件是真的吗,总是是真的有挂(有挂规律)1、模拟器是什么优...
近年来!安装不了wepoker... 近年来!安装不了wepoker,德普之星私人局透视,一直真的有挂(有挂方法)进入游戏-大厅左侧-新手...
最强版aapoker透视脚本入... 最强版aapoker透视脚本入口,wepoker透视方法,原来真的是有挂(详细教程)一、游戏安装教程...
教学辅助挂!菠萝辅助器免费版的... 教学辅助挂!菠萝辅助器免费版的特点,德普辅助器怎么用,好像是真的有挂(有挂解密)1、德普辅助器怎么用...
最强版wepoker辅助是真的... 最强版wepoker辅助是真的假的,wepokerplus万能挂,切实有挂(有挂规律)1、玩家可以在...
据相关数据显示!hhpoker... 据相关数据显示!hhpoker是真的吗,德普之星透视辅助,本来存在有挂(有挂教程)进入游戏-大厅左侧...
最强版来玩app 德州 辅助,... 最强版来玩app 德州 辅助,pokemmo脚本手机版,原来是有挂(的确有挂)辅助器是一种具有地方特...