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

相关内容

热门资讯

微扑克有ai吗,wepoke ... 微扑克有ai吗,wepoke ai辅助,智星德州菠萝辅助器免费下载;微扑克有ai吗,wepoke a...
微扑克ai机器人,wepoke... 微扑克ai机器人,wepoke软件免费版,智星德州菠萝辅助器推荐1、在wepoke软件免费版ai机器...
wpk ai机器人,wepok... wpk ai机器人,wepoke辅助功能,苹果菠萝德州辅助神器是一款可以让一直输的玩家,快速成为一个...
wpk透视辅助合作,wepok... wpk透视辅助合作,wepoke辅助器,智星菠萝德州有挂吗(1)wpk透视辅助合作,wepoke辅助...
德扑之星有系统新手保护期吗,微... 德扑之星有系统新手保护期吗,微扑克辅助手机,智星德州菠萝辅助,您好,微扑克辅助手机这款游戏可以开挂的...
线上wpk到底有没有外挂,we... 线上wpk到底有没有外挂,wepoke辅助是真的吗,智星德州菠萝辅助器免费下载1、许多玩家不知道wp...
智星德州菠萝辅助器免费下载,w... 智星德州菠萝辅助器免费下载,wepoke透明挂要多少钱,智星德州菠萝偷偷看牌功能1、许多玩家不知道w...
Wpk有挂吗,wepoke计算... Wpk有挂吗,wepoke计算辅助,智星德州菠萝有挂吗1、在wepoke计算辅助ai机器人技巧中,中...
wepoke透明挂使用教程,w... wepoke透明挂使用教程,wpk ai辅助购买渠道,智星德州菠萝辅助工具您好,wpk ai辅助购买...
wepoke调控参数,wpk手... wepoke调控参数,wpk手机德州扑克窥牌器,智星德州菠萝辅助是一款可以让一直输的玩家,快速成为一...