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

相关内容

热门资讯

透视玄学!拱趴大菠萝挂哪里,新... 透视玄学!拱趴大菠萝挂哪里,新星游辅助软件(切实真的有挂);亲,关键说明,新星游辅助软件赛季回归,新...
辅助透视!拱趴大菠萝万能挂,盛... 辅助透视!拱趴大菠萝万能挂,盛世辅助器(确实真的有挂)1、首先打开盛世辅助器最新版本,在盛世辅助器首...
透视透视挂!德普之星透视辅助插... 透视透视挂!德普之星透视辅助插件,老k游戏辅助(真是有挂);1、打开软件启动之后找到中间准星的标志长...
透视教程!德州辅助工具到底怎么... 透视教程!德州辅助工具到底怎么样,吉利比鸡辅助(好像有挂)1、吉利比鸡辅助ai辅助优化,吉利比鸡辅助...
透视挂!hhpoker辅助,7... 透视挂!hhpoker辅助,789大菠萝辅助(原来有挂)1、789大菠萝辅助ai辅助优化,789大菠...
透视好牌!aapoker能控制... 透视好牌!aapoker能控制牌吗,逸游辅助怎么下载安装(切实真的是有挂)1、不需要AI权限,帮助你...
透视有挂!wepoker透视脚... 透视有挂!wepoker透视脚本网页,玩吧辅助器(确实存在有挂)1、玩吧辅助器透视辅助简单,玩吧辅助...
透视真的!wpk辅助哪里买,四... 透视真的!wpk辅助哪里买,四川熊猫辅助软件视频(原来是有挂)1)四川熊猫辅助软件视频辅助挂:进一步...
透视免费!wepoker私人局... 透视免费!wepoker私人局有透视吗,中指小程序破解头像(真是是真的有挂)一、中指小程序破解头像软...
透视挂透视!wepoker究竟... 透视挂透视!wepoker究竟有没有透视,桂林字牌辅助科技免费(其实真的是有挂)暗藏猫腻,小编详细说...