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辅... 玩家必看分享!wepoker辅助挂多功能透视工具,真是真的是有挂(讲解有挂)1、用户打开应用后不用登...
一分钟了解!wpk辅助挂多功能... 一分钟了解!wpk辅助挂多功能透视工具,总是是有挂(有挂方法)wpk辅助器是一种具有地方特色的麻将游...
实测揭晓!微扑克辅助挂多功能透... 实测揭晓!微扑克辅助挂多功能透视工具,都是真的是有挂(有挂分析)1、金币登录送、破产送、升级送、活动...
一分钟快速了解!aapoker... 一分钟快速了解!aapoker辅助挂多功能透视工具,果然是真的有挂(确实有挂);所有人都在同一条线上...
实操分享!微扑克辅助挂多功能透... 实操分享!微扑克辅助挂多功能透视工具,果然有挂(有人有挂)1、微扑克透视辅助软件激活码多个强度级别选...
每日必看推荐!wpk辅助挂多功... 每日必看推荐!wpk辅助挂多功能透视工具,果然存在有挂(有挂攻略)1、wpk免费辅助多个强度级别选择...
大家学习交流!wepoker辅... 大家学习交流!wepoker辅助挂多功能透视工具,确实真的有挂(有挂功能)wepoker脚本下载中分...
专业讨论!aapoker辅助挂... 专业讨论!aapoker辅助挂多功能透视工具,一直是有挂(证实有挂)1.aapoker 选牌创建新账...
一分钟了解!AAPoKer辅助... 一分钟了解!AAPoKer辅助挂多功能透视工具,确实真的是有挂(有挂透视)1、每一步都需要思考,不同...
玩家科普!WPK辅助挂多功能透... 玩家科普!WPK辅助挂多功能透视工具,一贯是真的有挂(有挂助手)1、让任何用户在无需WPK安装教程第...