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

相关内容

热门资讯

现有关情况通报如下!aapok... 现有关情况通报如下!aapoker真的假的(透视)hhpoker怎么开透视-本来是有挂(哔哩哔哩)1...
据悉!智星德州有脚本吗(透视)... 据悉!智星德州有脚本吗(透视)智星德州可以透视吗-其实存在有挂(哔哩哔哩)智星德州可以透视吗脚本下载...
长期以来!wepoker养号规... 长期以来!wepoker养号规律(透视)wepoker透视辅助-都是存在有挂(哔哩哔哩)1、上手简单...
透视规律!微扑克微乐辅助(透视... 透视规律!微扑克微乐辅助(透视)wpk软件是真的吗-一直真的是有挂(哔哩哔哩)1、微扑克微乐辅助模拟...
透视规律!德普之星私人局辅助器... 透视规律!德普之星私人局辅助器(透视)德普之星app安卓版破解版-确实有挂(哔哩哔哩)德普之星app...
透视线上!aapoker公共底... 透视线上!aapoker公共底牌(透视)hhpoker是正品吗-切实是真的挂(哔哩哔哩)1、首先打开...
连日来!hhpoker万能辅助... 连日来!hhpoker万能辅助器(透视)德州局hhpoker-竟然是有挂(哔哩哔哩)1、hhpoke...
经调查!aapoker怎么设置... 经调查!aapoker怎么设置提高好牌几率(透视)hhpoker有辅助吗-一贯存在有挂(哔哩哔哩)a...
透视辅助!hhpoker透视码... 透视辅助!hhpoker透视码(透视)hhpoker辅助靠谱吗-原来真的有挂(哔哩哔哩)1、金币登录...
透视线上!德州局hhpoker... 透视线上!德州局hhpoker(透视)hhpoker真的有透视吗-确实真的是有挂(哔哩哔哩)1、用户...