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

相关内容

热门资讯

解谜透视!智星德州可以透视吗!... 解谜透视!智星德州可以透视吗!总是存在有辅助脚本(真是有挂)-哔哩哔哩暗藏猫腻,小编详细说明智星德州...
辅助透视!pokemomo辅助... 辅助透视!pokemomo辅助工具!竟然是有辅助神器(揭秘有挂)-哔哩哔哩1、辅助透视!pokemo...
辅助透视!哈糖大菠萝挂法!一直... 辅助透视!哈糖大菠萝挂法!一直一直总是有辅助神器(真是有挂)-哔哩哔哩;1、游戏颠覆性的策略玩法,独...
揭露透视!hardrock作必... 揭露透视!hardrock作必弊!真是真的有辅助神器(有挂秘诀)-哔哩哔哩1、点击下载安装,hard...
辅助透视!德州来玩辅助器!竟然... 辅助透视!德州来玩辅助器!竟然是有辅助app(真实有挂)-哔哩哔哩运德州来玩辅助器辅助工具,进入游戏...
详情透视!impoker辅助!... 详情透视!impoker辅助!总是真的是有辅助技巧(证实有挂)-哔哩哔哩1、impoker辅助公共底...
曝光透视!哈糖大菠萝有挂吗!真... 曝光透视!哈糖大菠萝有挂吗!真是有辅助方法(发现有挂)-哔哩哔哩1、在哈糖大菠萝有挂吗插件功能辅助器...
必备透视!菠萝德普辅助器免费版... 必备透视!菠萝德普辅助器免费版在哪里!一贯存在有辅助插件(有挂功能)-哔哩哔哩该软件可以轻松地帮助玩...
解迷透视!sohoopoker... 解迷透视!sohoopoker辅助!本来真的是有辅助软件(讲解有挂)-哔哩哔哩一、sohoopoke...
分享透视!xpoker怎么作必... 分享透视!xpoker怎么作必弊!原来一直总是有辅助脚本(真的有挂)-哔哩哔哩1、进入游戏-大厅左侧...