Angular 具有新实例的 FormBuilder 验证器

Question

希望大家都没事。我搜索了很多这个问题但没有成功。我正在尝试使用 class 的实例将验证器放在 formbuilder 上。示例如下：

这是我的 component.ts 文件，我在组件初始化时清除了我的 formbuilder；

  reset() {
    this.item_ctrl = new ItemController();
    this.item.itemForm = this.fb.group(
      this.item_ctrl.get //get the item in the controller
      //where to put validator?
      //how to validate separate variables?
    )
  }

这是我的控制器

export class ItemController {
    _item: Item;

    constructor() {
        this._item = new Item();
    }

    public get get(): Item {
        return this._item;
    }
    public set(item: Item) {
        this._item = item;
    }
}

这是我的 class

export class Item {
    id: number;
    description: string;
    //here where are my variables...
}

希望你能理解。（抱歉英语不好）

Answer 1

我不确定，这是你需要的但是

控制 - this.myForm.addControl('newFormName', new FormControl('', [Validators.required]));

表单组 - const newGroupForm = this.fb.group({ id: [''], text: ['',Validators.required]}); this.myForm.addControl('yourGroupName',newGroupForm);

Angular 具有新实例的 FormBuilder 验证器

Angular FormBuilder validator with new instance

angular

typescript

angular-formbuilder