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

相关内容

热门资讯

透视app(WPk)透视外挂(... 透视app(WPk)透视外挂(黑科技)透视外挂(果然是有挂);无聊就玩这款真的有辅助,无限炸弹无限金...
黑科技线上(wePOke)黑科... 黑科技线上(wePOke)黑科技ai(黑科技)辅助挂(真是真的是有挂)1、这是跨平台的黑科技,在线的...
黑科技辅助(微扑克)辅助工具(... 黑科技辅助(微扑克)辅助工具(辅助挂)ai辅助神器(本来是有挂)1、很好的工具软件,可以解锁游戏的a...
大神辅助(微扑克)ai胜率(辅... 大神辅助(微扑克)ai胜率(辅助挂)ai会被检测到(一直有挂);小薇(透视辅助)致您一封信;亲爱玩家...
透视中牌率(wPk)外挂第一视... 透视中牌率(wPk)外挂第一视角(黑科技)有透视辅助(确实是真的有挂);无聊就玩这款真的有辅助,无限...
黑科技实锤(wepokE)系统... 黑科技实锤(wepokE)系统规律解析(黑科技)俱乐部黑科技(原来存在有挂)1)辅助挂:进一步探索辅...
黑科技数据(wepoKE)有哪... 黑科技数据(wepoKE)有哪些功能(黑科技)有挂(果然是有挂)1、不需要AI权限,帮助你快速的进行...
黑科技插件(WEPOKE)辅助... 黑科技插件(WEPOKE)辅助软件靠谱吗(黑科技)辅助有挂(总是存在有挂);是一款可以让一直输的玩家...
专业辅助(微扑克)必胜技巧(辅... 专业辅助(微扑克)必胜技巧(辅助挂)ai辅助神器(一直真的是有挂)1. ai辅助创建新账号,点击进入...
专业辅助(微扑克)辅助工具(辅... 专业辅助(微扑克)辅助工具(辅助挂)辅助工具(切实真的是有挂);致您一封信;亲爱玩家:《透明挂》新活...