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

相关内容

热门资讯

透视解谜!we poker辅助... 透视解谜!we poker辅助器下载,wejoker透视方法-果然是有辅助神器(哔哩哔哩)1、破解器...
透视曝光!wepoker高级辅... 透视曝光!wepoker高级辅助,wepoker辅助是真的吗-原来是有辅助软件(哔哩哔哩)1、脚本辅...
透视解迷!菠萝德州透视脚本,佛... 透视解迷!菠萝德州透视脚本,佛手大菠萝有挂吗-真是真的有辅助神器(哔哩哔哩)在进入菠萝德州透视脚本软...
透视曝光!德州局透视脚本下载安... 透视曝光!德州局透视脚本下载安装最新版本,哈糖大菠萝挂法-真是一直总是有辅助教程(哔哩哔哩);1、德...
透视专业!wpk透视怎么安装,... 透视专业!wpk透视怎么安装,wpk透视工作室-真是真的有辅助方法(哔哩哔哩)1、脚本辅助下载、免费...
透视详情!aapoker怎么提... 透视详情!aapoker怎么提高中牌率,aapoker能控制牌吗-都是真的是有辅助教程(哔哩哔哩);...
透视有挂!aapoker怎么控... 透视有挂!aapoker怎么控制牌,aapoker ai插件-确实真的有辅助方法(哔哩哔哩)1、操作...
透视分享!wpk德州局透视,微... 透视分享!wpk德州局透视,微扑克微乐辅助-真是真的是有辅助技巧(哔哩哔哩)德州局透视能透视中分为三...
透视详细!wepoker私人局... 透视详细!wepoker私人局外卦,we poker辅助器-好像是真的有辅助攻略(哔哩哔哩)1、超多...
透视关于!wepoker有没有... 透视关于!wepoker有没有挂,wepoker一直输的号能继续打吗-本来真的是有辅助工具(哔哩哔哩...