响应式表单动态增加字段后的validator

VIP文章 Phoenix_99

已于 2022-09-12 00:10:54 修改

阅读量219

点赞数

分类专栏： angular 文章标签： angular 前端

于 2022-09-12 00:07:36 首次发布

本文链接：https://blog.csdn.net/Phoenix_99/article/details/126811424

版权

export type DisplayColTitle = {
    monyobi: string;
}
export type Yoteicontent = {
    deptId: string;
    yobiCd: string;
    ymdId: string;
    hidukeymd: string;
    accountId: string;
    yotesuu: string;
}

export class YoteiSeisan {
    deptId: string;
    yobiCd: string;
    hidukeymd: string;
    yotesuu: string;

    constructor(
        deptId: string,
        yobiCd: string,
        hidukeymd: string,
        yotesuu: string) {
        this.deptId = deptId;
        this.yobiCd = yobiCd;
        this.hidukeymd = hidukeymd;
        this.yotesuu = yotesuu;
      }
}

import { DatePipe } from '@angular/common';
import { Component, ElementRef, Input, OnInit, QueryList, ViewChildren } from '@angular/core';
import { FormArray, FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
import { DisplayColTitle, Yoteicontent, YoteiSeisan } from './definition';

@Component({
  selector: 'app-yotedata',
  templateUrl: './yotedata.component.html',
  styleUrls: ['./yotedata.component.scss'],
  providers: [DatePipe],
})
export class YotedataComponent implements OnInit {
  @ViewChildren('divId') divIdList?: QueryList<ElementRef>;
  @ViewChildren('inputId') inputIdList?: QueryList<ElementRef>;
  @ViewChildren('inputYmd') inputYmdList?: QueryList<ElementRef>;
  @ViewChildren('inputYobi') inputYobiList?: QueryList<ElementRef>;
  displaycolTitle: DisplayColTitle[] = [
    {monyobi:"月曜日"},
    {monyobi:"火曜日"},
    {monyobi:"水曜日"},
    {monyobi:"木曜日"},
    {monyobi:"金曜日"},
    {monyobi:"土曜日"},
    {monyobi:"日曜日"},   
  ];
  displayNum: Yoteicontent[] = [
    {deptId:'2',yobiCd:'5',ymdId:'5',hidukeymd:'20211001',accountId:'12', yotesuu:'6201'},
    {deptId:'2',yobiCd:'6',ymdId:'6',hidukeymd:'20211002',accountId:'13',yotesuu:'6202'},
    {deptId:'2',yobiCd:'7',ymdId:'7',hidukeymd:'20211003',accountId:'14',yotesuu:'6203'},
    {deptId:'2',yobiCd:'1',ymdId:'8',hidukeymd:'20211004',accountId:'22',yotesuu:'6204'},
    {deptId:'2',yobiCd:'2',ymdId:'9',hidukeymd:'20211005',accountId:'23',yotesuu:'6205'},
    {deptId:'2',yobiCd:'3',ymdId:'10',hidukeymd:'20211006',accountId:'24',yotesuu:'6206'},
    {deptId:'2',yobiCd:'4',ymdId:'11',hidukeymd:'20211007',accountId:'25',yotesuu:'6207'},
    {deptId:'2',yobiCd:'5',ymdId:'12',hidukeymd:'20211008',accountId:'26',yotesuu:'6208'},
    {deptId:'2',yobiCd:'6',ymdId:'13',h