Как включить параметры formBuilder из другого файла .ts

Question

Вот как мои ComplaintCreateComponent.ts файл выглядит как.

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

...

export class ComplaintCreateComponent implements OnInit {

  public ComplaintForm = this.formBuilder.group({
    ComplaintID: ['', [Validators.required]],
    FileNo: ['', [Validators.required]],
    ComplaintName: ['', Validators.required],
  })
  
  constructor(private formBuilder: FormBuilder) { }

  ngOnInit(): void {}

  onSubmit() {
    console.log(this.ComplaintForm);
  }

}

Я хотел бы поместить следующие параметры в другой файл .ts и включить этот файл в this.formBuilder.group параметры.

      {
       ComplaintID: ['', [Validators.required]],
       FileNo: ['', [Validators.required]],
       ComplaintName: ['', Validators.required],
}

Answer 1

Вы можете просто экспортировать переменную и импортировать ее куда угодно:

моя-form.ts

      import { Validators } from '@angular/forms';

export const myForm = {
  ComplaintID: ['', [Validators.required]],
  FileNo: ['', [Validators.required]],
  ComplaintName: ['', Validators.required],
}

ЖалобаCreateComponent.ts

      import { FormBuilder} from '@angular/forms';
import { myForm } from './my-form';

export class ComplaintCreateComponent {

  public ComplaintForm = this.formBuilder.group(myForm)
  
  constructor(private formBuilder: FormBuilder) { }
}