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、微乐自建房辅助...
让我来分享经验!微乐麻将脚本掌... 让我来分享经验!微乐麻将脚本掌上程序(外挂),微乐三带一贯有透视挂app1、下载好微乐麻将脚本掌上程...
2分钟细说!微信微乐跑得快游戏... 2分钟细说!微信微乐跑得快游戏辅助脚本(辅助),微乐A三纸牌都是真的有透视挂软件1、让任何用户在无需...
我来教教大家!在哪里下载微乐自... 我来教教大家!在哪里下载微乐自建房辅助软件(透视器),微乐龙江填大坑果然真的有透视挂app所有人都在...
一分钟了解!微信小程序微乐辅助... 一分钟了解!微信小程序微乐辅助器免费版(开挂),微乐北京麻将本来真的有透视挂app1、游戏颠覆性的策...
必备辅助推荐!微乐贵阳捉鸡麻将... 必备辅助推荐!微乐贵阳捉鸡麻将开挂(辅助),微乐常州麻将一直真的是有透视挂攻略1、微乐贵阳捉鸡麻将开...
必看攻略!微乐自建房安装挂(开... 必看攻略!微乐自建房安装挂(开挂),微乐陕西麻将好像有透视挂软件1、点击下载安装,微乐自建房安装挂脚...
普及知识!微乐贵阳捉鸡麻将辅助... 普及知识!微乐贵阳捉鸡麻将辅助(开挂),雀神智能小程序总是是真的有透视挂技巧一、微乐贵阳捉鸡麻将辅助...
记者揭秘!微乐游戏竞技团辅助(... 记者揭秘!微乐游戏竞技团辅助(透视器),微乐三丁拐麻将都是有透视挂方法1、微乐游戏竞技团辅助免费辅助...
揭秘一下!微信小程序微乐辅助器... 揭秘一下!微信小程序微乐辅助器免费版v2.0免费(开挂),微乐三丁拐好像存在有透视挂技巧微信小程序微...