小编Ivo*_*wer的帖子

将 FormGroup 映射到接口对象

我一直在尝试将我的 Angular HTML 模板中的表单数据绑定到我的组件中的一个界面。

我一直在关注下面的教程,但我的 FormGroup 没有像教程那样自动转换到后端的界面。

我的代码如下:


成分

import { Component, OnInit } from "@angular/core";
import { FormGroup, FormBuilder, FormArray, FormControl, Validators } from "@angular/forms";
import { DeckBuildRequest } from "../domain-models/interfaces/deckBuildRequest.interface";

@Component({
  selector: "deck-options",
  templateUrl: "./deck-options.component.html",
  styleUrls: ["./deck-options.component.css"]
})
export class DeckOptionsComponent {
  private deckBuildRequest: FormGroup;

  constructor(formBuilder: FormBuilder) {
    this.deckBuildRequest = formBuilder.group({
      "deckSize": 60,
      "deckColors": formBuilder.array([
          {color: "Blue", checked: false},
          {color: "Green", checked: false},
          {color: "Red", checked: false},
          {color: "White", checked: false},
          {color: "Black", checked: false},
          {color: "Colorless", …
Run Code Online (Sandbox Code Playgroud)

typescript angular2-forms angular2-template

7
推荐指数
1
解决办法
2万
查看次数