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

相关内容

热门资讯

透视辅助"wepok... 透视辅助"wepoker私局辅助"都是真的有辅助工具(哔哩哔哩)wepoker私局辅助辅助器是一种具...
透视教你"wepok... 透视教你"wepoker开辅助能查到吗"总是真的是有辅助app(哔哩哔哩)运wepoker开辅助能查...
透视了解"sohoo... 透视了解"sohoo开挂辅助"一贯真的是有辅助app(哔哩哔哩)进入游戏-大厅左侧-新手福利-激活码...
透视揭幕"aapok... 透视揭幕"aapoker安装包怎么使用"都是是真的辅助神器(哔哩哔哩)1)aapoker安装包怎么使...
透视曝光"wepok... 透视曝光"wepoker辅助器是真的吗"果然真的是有辅助攻略(哔哩哔哩)1、首先打开wepoker辅...
透视曝光"xpoke... 透视曝光"xpoker辅助控制"一贯真的有辅助工具(哔哩哔哩)1、全新机制【xpoker辅助控制ai...
透视解密"pokem... 透视解密"pokemmo手机版脚本免费"一直是真的辅助挂(哔哩哔哩)1、进入到pokemmo手机版脚...
透视推荐"hhpok... 透视推荐"hhpoker有后台操控吗"总是真的是有辅助插件(哔哩哔哩)该软件可以轻松地帮助玩家将hh...
透视解密"拱趴大菠萝... 透视解密"拱趴大菠萝万能挂"一贯是真的辅助工具(哔哩哔哩)1、完成拱趴大菠萝万能挂辅助器v3.3的残...
透视曝光"wepok... 您好,wepokerplus脚本这款游戏可以开挂的,确实是有挂的,需要了解加去威信【48527505...