我一直在尝试将我的 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)