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

相关内容

热门资讯

每日必看“拱趴大菠萝辅助方法”... 每日必看“拱趴大菠萝辅助方法”开挂(透视)辅助平台(力荐教程有挂解密) 【无需打开直接搜索加薇136...
总算了解“来玩德州破解器”开挂... >>您好:确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别好,总是好牌,而且好像能看到...
辅助透视“wepoker有没有... 您好:这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别好,总是好牌...
玩家必看秘籍“wepoker有... 玩家必看秘籍“wepoker有辅助插件吗”开挂(透视)辅助下载(wpk教程有人有挂)ai黑科技系统规...
科技分享“wpk透视怎么安装”... 科技分享“wpk透视怎么安装”开挂(透视)辅助工具(教你攻略有挂秘籍)您好:这款游戏可以开挂,确实是...
发现一款“cloudpoker... 发现一款“cloudpoker辅助”开挂(透视)辅助安装(介绍教程有挂分析) 了解更多开挂安装加(1...
透视代打“wepoker辅助视... 透视代打“wepoker辅助视频”开挂(透视)辅助脚本(专业教程详细教程) >>您好:软件加薇136...
重大推荐“德州透视是真的假的”... 开挂教程视频分享装挂详细步骤在当今的网络游戏中,作为一种经典的娱乐方式,吸引了无数玩家的参与。尤其是...
透视讲解“aapoker万能辅... 透视讲解“aapoker万能辅助器”开挂(透视)辅助插件(新版2026教程新版有挂);无需打开直接搜...
玩家科普“wepoker科技辅... 玩家科普“wepoker科技辅助器”开挂(透视)辅助安装(必胜教程有挂透视)ai黑科技系统规律教程开...