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、不需要AI权限,帮助你...
目前来看开挂!同仁棋牌辅助透视... 目前来看开挂!同仁棋牌辅助透视挂,航洋城存在有外挂,切实有挂总结1、操作简单,无需同仁棋牌手机版透视...
分享认知开挂!微乐双扣辅助透视... 分享认知开挂!微乐双扣辅助透视挂,小闲昭通棋牌真的有外挂,原来真实有挂;1)微乐双扣辅助插件:进一步...
推荐一款辅助!多乐互动辅助透视... 推荐一款辅助!多乐互动辅助透视挂,陕麻圈真的是有外挂,其实有挂教程1、用户打开应用后不用登录就可以直...
揭秘几款透视挂!中至南昌麻将辅... 揭秘几款透视挂!中至南昌麻将辅助透视挂,天天赢棋牌真的有外挂,好像有挂技术1.中至南昌麻将 选牌创建...
关于开挂!么么棋牌辅助透视挂,... 关于开挂!么么棋牌辅助透视挂,福友是有外挂,其实真的有挂1、完成么么棋牌有辅助插件,帮助玩家取得所有...
围绕透视问题开挂!九酷众娱辅助... 围绕透视问题开挂!九酷众娱辅助透视挂,悠闲娱乐确实有外挂,切实有挂技巧在进入九酷众娱软件靠谱后,参与...
有了最新消息辅助!九线拉王辅助... 有了最新消息辅助!九线拉王辅助透视挂,熟客金陵城确实有外挂,其实发现有挂1、超多福利:超高返利,海量...
技巧知识分享辅助!153棋牌辅... 技巧知识分享辅助!153棋牌辅助透视挂,中至转转麻将是真的有外挂,切实有挂方法1、153棋牌辅助器安...
三分钟了解辅助!大家乐辅助透视... 三分钟了解辅助!大家乐辅助透视挂,阳光岛牌乐汇真的有外挂,总是有挂分享1、每一步都需要思考,不同水平...