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作比弊... 您好,这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多玩家在这款游戏中打...
关于透视!德普之星私人局透视,... 关于透视!德普之星私人局透视,德普之星透视免费,真是一直都是有辅助神器(哔哩哔哩)1、任何透视是真的...
总结透视!aapoker能控制... 总结透视!aapoker能控制牌吗,aapoker透视脚本入口,确实一直都是有辅助插件(哔哩哔哩)透...
解迷透视!wpk德州局透视,w... 解迷透视!wpk德州局透视,wpk俱乐部是做什么的,切实是有辅助app(哔哩哔哩)1、德州局透视有没...
推荐透视!wepoker有脚本... 推荐透视!wepoker有脚本吗,wepoker养号规律,原来有辅助app(哔哩哔哩)1、进入游戏-...
分享透视!aapoker安装包... 分享透视!aapoker安装包怎么使用,aapoker辅助怎么用,真是一直都是有辅助插件(哔哩哔哩)...
普及透视!有哪些免费的wpk作... 普及透视!有哪些免费的wpk作比弊码,wpk透视怎么安装,一直真的是有辅助插件(哔哩哔哩)1、透视辅...
专业透视!hhpoker有没有... 专业透视!hhpoker有没有作比弊挂,hhpoker怎么破解,一直是有辅助插件(哔哩哔哩)该软件可...
普及透视!aapoker辅助工... 普及透视!aapoker辅助工具安全吗,aa poker透视软件,竟然存在有辅助技巧(哔哩哔哩)一、...
科普透视!wepoker免费脚... 科普透视!wepoker免费脚本咨询,如何下载wepoker安装包,一贯一直都是有辅助软件(哔哩哔哩...