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事件中手动更新表单的值,以确保更改始终正确地传递给表单控件。这样,我们就可以避免选择策略重复触发的问题。

相关内容

热门资讯

透视有挂"家乡大贰智... 透视有挂"家乡大贰智能辅助"开挂(软件)辅助软件真的有挂-黑科技教程 >>您好:软件加薇136704...
透视科技"博雅西苑曲... 您好:博雅西苑曲靖棋牌辅助这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户...
研究成果"四川途游辅... 研究成果"四川途游辅助软件瞎子啊"开挂(工具)辅助工具有挂教程-曝光教程;打开点击测试直接进入微信(...
我来教大家"湖南赣湘... 我来教大家"湖南赣湘互娱辅助"开挂(下载)辅助下载发现有挂-新版2026教程【无需打开直接搜索加薇1...
科技新动态"情怀宜春... >>您好:情怀宜春麻辣自建房辅助app确实是有挂的,很多玩家在这款情怀宜春麻辣自建房辅助app游戏中...
玩家必看"熊猫辅助官... 玩家必看"熊猫辅助官网下载安装"开挂(平台)辅助平台有挂方法-介绍教程;无需打开直接搜索微信(136...
透视软件"微乐小程序... 您好:微乐小程序修复系统有用吗这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多...
热点推荐"欢乐达人暗... 欢乐达人暗堡链接辅助 无需打开直接搜索微信:136704302本司针对手游进行,选择我们的四大理由:...
记者发布"财神13游... 记者发布"财神13游戏辅助器脚本"开挂(透视)辅助透视有挂方法-攻略教程;无需打开直接搜索加(薇:1...
透视安装"wpk控制... 透视安装"wpk控制牌是真的吗"开挂(工具)辅助工具有人有挂-科技教程这是一款可以让一直输的玩家,快...