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

相关内容

热门资讯

黑科技能赢(德州ai辅助软件)... 黑科技能赢(德州ai辅助软件)外挂黑科技辅助器(透视)果然真的是有挂(黑科技工具);1、首先打开德州...
黑科技辅助挂(微扑克系统发牌规... 黑科技辅助挂(微扑克系统发牌规律)外挂黑科技辅助挂(透视)竟然有挂(黑科技脚本)暗藏猫腻,小编详细说...
黑科技苹果版(wepoke有挂... 黑科技苹果版(wepoke有挂吗蓝鸟)外挂黑科技辅助插件(透视)总是存在有挂(黑科技细节)1、玩家可...
黑科技辅助挂(wpkai辅助实... 黑科技辅助挂(wpkai辅助实战效果)外挂透视辅助教程(透视)总是是真的有挂(黑科技解密);一、wp...
黑科技好友房(德扑之星辅助器购... 黑科技好友房(德扑之星辅助器购买)外挂黑科技辅助神器(透视)都是真的是有挂(黑科技详情);1、德扑之...
黑科技实锤(德州之星app有漏... 黑科技实锤(德州之星app有漏洞吗)外挂透明挂辅助神器(透视)好像是真的有挂(黑科技详情)1、下载好...
黑科技新版(德扑ai代打可靠吗... 黑科技新版(德扑ai代打可靠吗)外挂透视辅助神器(透视)一贯有挂(黑科技解说);1.德扑ai代打可靠...
黑科技总结(aa扑克发牌机制)... 黑科技总结(aa扑克发牌机制)外挂黑科技辅助助手(透视)切实真的是有挂(黑科技工具);一、aa扑克发...
黑科技软件(wepoke透明真... 黑科技软件(wepoke透明真的吗)外挂透明挂辅助神器(透视)总是有挂(黑科技辅助);1、下载好we...
黑科技数据(微扑克透明挂)外挂... 黑科技数据(微扑克透明挂)外挂透视辅助软件(透视)真是存在有挂(黑科技脚本)1、在微扑克透明挂ai机...