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

相关内容

热门资讯

有挂一下!丽水都莱辅助工具试用... 有挂一下!丽水都莱辅助工具试用,泸州家乡大二辅助,原来真的有挂(哔哩哔哩)所有人都在同一条线上,像星...
科普一下!人海大厅挂什么好,开... 科普一下!人海大厅挂什么好,开心泉州小程序辅助,都是真的有挂(哔哩哔哩)开心泉州小程序辅助辅助器是一...
曝光一下!枫叶辅助器,牛总管怎... 曝光一下!枫叶辅助器,牛总管怎么做辅助,一贯真的有挂(哔哩哔哩)1、枫叶辅助器有没有辅助教程、枫叶辅...
分享一下!卡五星辅助,牛总管辅... 分享一下!卡五星辅助,牛总管辅助神器,一直有挂(哔哩哔哩)在进入牛总管辅助神器软件靠谱后,参与本局比...
分享一下!荆州晃晃麻将圣盛辅助... 分享一下!荆州晃晃麻将圣盛辅助,哈糖大菠萝破解器,原来是真的有挂(哔哩哔哩)荆州晃晃麻将圣盛辅助辅助...
揭幕一下!创思维激k透视挂,吉... 揭幕一下!创思维激k透视挂,吉祥填大坑有插件吗,一贯有挂(哔哩哔哩)1.吉祥填大坑有插件吗 选牌创建...
解密一下!0759湛江吴川三脚... 解密一下!0759湛江吴川三脚鸡辅助,约战丹东辅助,都是是真的有挂(哔哩哔哩)1、进入到0759湛江...
解密一下!微乐山西小程序破解器... 解密一下!微乐山西小程序破解器,手机游戏辅助脚本工具,都是真的有挂(哔哩哔哩)1、许多玩家不知道微乐...
推荐一下!小程序游戏辅助器,多... 推荐一下!小程序游戏辅助器,多乐辅助器免费版,确实真的有挂(哔哩哔哩)1、在小程序游戏辅助器插件功能...
科普一下!来来拼十辅助,多乐跑... 科普一下!来来拼十辅助,多乐跑得私人房间作弊视频,都是有挂(哔哩哔哩)1、用户打开应用后不用登录就可...