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() }); }); }); } }

相关内容

热门资讯

开挂辅助!老友广东麻将有挂吗,... 开挂辅助!老友广东麻将有挂吗,aapoker怎么提高中牌率(透视)开挂辅助安装(证实有挂);老友广东...
开挂辅助!小程序微乐贵阳捉鸡麻... 开挂辅助!小程序微乐贵阳捉鸡麻将挂,wepoker黑侠辅助器(透视)开挂辅助平台(竟然有挂);小薇(...
辅助开挂!奇迹脚本辅助,hhp... 辅助开挂!奇迹脚本辅助,hhpoker怎么开透视(透视)开挂辅助神器(今日头条);1.奇迹脚本辅助 ...
辅助开挂!福建天天开心辅助器是... 辅助开挂!福建天天开心辅助器是真的吗,hhpoker到底可以辅助吗(透视)开挂辅助平台(真的有挂);...
辅助开挂!闲聚辅助器,wepo... 辅助开挂!闲聚辅助器,wepoker插件辅助(透视)开挂辅助插件(有挂存在);超受欢迎的闲聚辅助器稳...
开挂辅助!常州茶苑app辅助软... 开挂辅助!常州茶苑app辅助软件,智星德州插件(透视)开挂辅助平台(有挂透明挂);是一款可以让一直输...
辅助开挂!欢欢辅助软件怎么样,... 辅助开挂!欢欢辅助软件怎么样,we-poker正规吗(透视)开挂辅助下载(新版有挂);相信小伙伴都知...
辅助开挂!微信小程序辅助新天道... 辅助开挂!微信小程序辅助新天道辅助,sohoo开挂辅助(透视)开挂辅助下载(有挂详细);1、完成微信...
辅助开挂!广东雀神透视,wep... 辅助开挂!广东雀神透视,wepoker底牌透视(透视)开挂辅助神器(新版有挂);小薇(透视辅助)致您...
辅助开挂!填大坑游戏辅助器,红... 辅助开挂!填大坑游戏辅助器,红龙poker辅助平台(透视)开挂辅助安装(有人有挂);1、超多福利:超...