Angular中的datePicker与SelectionStrategy一起在formGroup中使用时会触发两次。
创始人
2024-10-31 03:30:32
0

这个问题可能是由于在表单中使用双向数据绑定时导致的。在这种情况下,选择策略会被触发两次,导致重复。一个解决方法是使用单向数据绑定替代双向绑定。

以下是示例代码,使用单向绑定解决该问题:

import { Component } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';

@Component({
  selector: 'app-root',
  template: `
    
` }) export class AppComponent { public formGroup: FormGroup; public minDate = new Date(); public maxDate = new Date('2025-12-31'); public selectedDate: Date; constructor(private readonly fb: FormBuilder) { this.formGroup = fb.group({ datePicker: ['', Validators.required] }); } onDateChanged(selectedDate: Date): void { console.log('Date changed', selectedDate); this.formGroup.get('datePicker').setValue(selectedDate); } }

在这个示例中,我们使用单向绑定来绑定datePicker组件,以便在值更改时只触发一次选择策略。我们还在dateChange事件中手动更新表单的值,以确保更改始终正确地传递给表单控件。这样,我们就可以避免选择策略重复触发的问题。

相关内容

热门资讯

透视新版!WePOker有没有... 透视新版!WePOker有没有透视方法,wepoker破解器激活码(详细到底是挂了);小薇(透视辅助...
透视挂!aapoker透视脚本... 透视挂!aapoker透视脚本入口(透视)aapoker透视脚本,我来教教你(有挂解说)1)aapo...
辅助透视!wepoker模拟器... 辅助透视!wepoker模拟器哪个,wepoker是不是有人用挂(详细作弊方法)一、wepoker是...
透视辅助!aapoker脚本怎... 透视辅助!aapoker脚本怎么用(透视)aapoker免费透视脚本,黑科技教程(有挂详情);1、a...
透视有挂!wepokerplu... 透视有挂!wepokerplus外挂,wepoker破解器有用吗(详细透视器免费)1、上手简单,内置...
透视实锤!aapoker怎么设... 透视实锤!aapoker怎么设置抽水(透视)aapoker发牌逻辑,解密教程(有挂插件)aapoke...
透视玄学!wepoker代打辅... 透视玄学!wepoker代打辅助,wepoker辅助器激活码(详细-h5下载);1、wepoker辅...
透视安装!aapoker透视插... 透视安装!aapoker透视插件(透视)aapoker能控制牌吗,曝光教程(有挂插件)所有人都在同一...
透视苹果版!wepoker手机... 透视苹果版!wepoker手机助手,wepoker底牌透视(详细可以挂飞机);1、在wepoker底...
透视计算!aapoker免费透... 透视计算!aapoker免费透视脚本(透视)aapoker ai插件,曝光教程(有挂攻略)1、每一步...