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

相关内容

热门资讯

开挂辅助神器"wep... 您好:wepoker透视有没有这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多...
开挂辅助下载"菠萝德... 开挂辅助下载"菠萝德州透视脚本"开挂(透视)辅助工具(有挂秘笈) >>您好:软件加薇13670430...
开挂辅助插件"约局吧... 约局吧是否有挂开挂教程视频分享装挂详细步骤在当今的网络游戏中,约局吧是否有挂作为一种经典的娱乐方式,...
开挂辅助软件"pok... 开挂辅助软件"pokermaster破解版"开挂(透视)辅助脚本(揭秘有挂);无需打开直接搜索加薇1...
开挂辅助插件"pok... 开挂辅助插件"pokemmo脚本辅助器下载"开挂(透视)辅助脚本(有挂秘籍)>>您好:软件加薇136...
开挂辅助软件"new... newpoker脚本 无需打开直接搜索微信:136704302本司针对手游进行,选择我们的四大理由:...
开挂辅助安装"wep... 较多好评“微乐万能挂官网”开挂(透视)辅助教程 了解更多开挂安装加(136704302)微信号是一款...
辅助开挂!微乐智能辅助app,... 辅助开挂!微乐智能辅助app,hhpoker真的有透视吗(透视)开挂辅助安装(今日头条);微乐智能辅...
开挂辅助!德州局wepoker... 开挂辅助!德州局wepoker辅助挂,wpk透视插件(透视)开挂辅助软件(有挂神器);德州局wepo...
辅助开挂!天天炫斗辅助工具,德... 辅助开挂!天天炫斗辅助工具,德普辅助软件(透视)开挂辅助安装(有挂详细)相信很多朋友都在电脑上玩过天...