TypeScript FormGroup.addControl方法代碼示例

  ngOnInit() {
    this.EditForm = this._fb.group({});

    const title = new FormControl();
    title.setValidators([Validators.required]);
    this.EditForm.addControl('title', title);

    const subtitle = new FormControl();
    subtitle.setValidators([Validators.required]);
    this.EditForm.addControl('subtitle', subtitle);

    const detail = new FormControl();
    detail.setValidators([Validators.required]);
    this.EditForm.addControl('detail', detail);

    const tag = new FormControl();
    tag.setValidators([Validators.required]);
    this.EditForm.addControl('tag', tag);

  }

 /**
  * Called by the template when a paragraph is clicked in single paragraph mode.
  * Behaves like a radio-button
  *
  * @param {ParagraphToChoose} paragraph
  */
 public setParagraph(paragraph: ParagraphToChoose): void {
     this.contentForm.value.selectedParagraphs.forEach(para => {
         this.contentForm.removeControl('text_' + para.paragraphNo);
     });
     this.contentForm.addControl(
         'text_' + paragraph.paragraphNo,
         new FormControl(paragraph.rawHtml, Validators.required)
     );
     this.contentForm.patchValue({
         selectedParagraphs: [paragraph]
     });
 }

        Object.keys(controls).forEach((controlName, idx) => {

            let controlModel = models[idx];

            if (formModel instanceof DynamicFormGroupModel) {
                formModel.insert(index, controlModel);

            } else {
                (formModel as DynamicFormControlModel[]).splice(index, 0, controlModel);
            }

            formGroup.addControl(controlName, controls[controlName]);
        });

    public ngOnInit() {
        this.control = new FormControl(
            "",
            Validators.compose([
                Validators.required,
                this.keyFormatValidator,
                this.keyTypeValidator.bind(this),
                this.originMatchValidator.bind(this),
            ])
        );

        this.form.addControl("key", this.control);
    }

 .forEach( question => form.addControl(question.key, new FormControl('')));

 this.formConfig.forEach(controlConfig => {
   this.form.addControl(controlConfig.name, new FormControl());
   this.buildControl(controlConfig);
 });

 ngOnInit() {
   this.form = new FormGroup({});
   this.form.addControl('quantity', new FormControl(1, [this.validateQuantity]));
 }

 /**
  * Component being initialized.
  */
 ngOnInit(): void {
     // Always set confirmdatasaved to 1. Sending the data means the user accepted.
     this.form.addControl('confirmdatasaved', this.fb.control(1));
 }

 prop.propertyMap.forEach(name => {
     const control = fb.control(0)
     control.setParent(this.boxModel)
     this.boxModel.addControl(name, control)
 })

const questionOne = new FormGroup({
  key: new FormGroup({
    name: new FormControl('boolean_key'),
    type: new FormControl('boolean')
  }),
  label: new FormControl('question label'),
  controlType: new FormControl('Toggle'),
  id: new FormControl('fake_id'),
  index: new FormControl(0),
  options: new FormControl([]),
  conditionalQuestions: new FormControl([]),
  expandable: new FormControl(false)
});

const form = new FormGroup({});
form.addControl('fake_id', questionOne);


const screenerState: fromScreener.State  = {
  loading: false,
  form: form,
  error: '',
  selectedConstantQuestion: 'fake_id',
  selectedConditionalQuestion: undefined,
  keys: [
    {name: 'boolean_key', type: 'boolean'},
    {name: 'integer_key', type: 'integer'}
  ],
  created: 0
};