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、实时微乐广西...
黑科技透视挂!微乐小程序辅助免... 您好,微乐小程序辅助免费这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多...
黑科技辅助器!微乐脚本辅助器(... 黑科技辅助器!微乐脚本辅助器(辅助器),微乐新余50k有确实有透视挂方法1)微乐脚本辅助器免费钻石:...
黑科技辅助器!微乐贵阳捉鸡麻将... 黑科技辅助器!微乐贵阳捉鸡麻将挂软件(辅助器),微乐贵阳捉鸡一直存在有透视挂攻略1、每一步都需要思考...
黑科技透视挂!微乐小程序黑科技... 黑科技透视挂!微乐小程序黑科技app入口(透视挂),微乐宁夏捉麻子其实有透视挂方法1、让任何用户在无...
黑科技透视挂!微乐老友广东辅助... 黑科技透视挂!微乐老友广东辅助器(透视挂),微乐血流麻将好像是真的有透视挂教程1、在微乐老友广东辅助...
黑科技辅助器!微信小程序微乐房... 黑科技辅助器!微信小程序微乐房间有技巧吗(辅助器),微乐长沙跑胡子总是是真的有透视挂插件1)微信小程...
黑科技开挂!收i就微乐小程序游... 黑科技开挂!收i就微乐小程序游戏破解器(开挂),微乐捉麻子本来有透视挂攻略1、很好的工具软件,可以解...
黑科技透视挂!陕西微乐小程序攻... 黑科技透视挂!陕西微乐小程序攻略(透视挂),微乐刨幺好像是有透视挂软件1、不需要AI权限,帮助你快速...
黑科技开挂!手机微乐小程序破解... 黑科技开挂!手机微乐小程序破解器(开挂),雀神智能小程序竟然是真的有透视挂脚本1、全新机制【手机微乐...