如何在formgroup angular上提交多个复选框值

nimxete2  于 2021-09-29  发布在  Java
关注(0)|答案(0)|浏览(224)

我是新加入formgroup的,所以我想我犯了一些非常愚蠢的错误,但我不知道在哪里。
我设计了以下ui:

现在,可以看到,下面有3个复选框 Select Server Option . 所以,我想要的是点击下载按钮,提交复选框的值。
我到目前为止所做的尝试如下所示:

this.systemlogsform = this.fb.group({
          logtype: ['installlogs', Validators.required],
          servers: [[], Validators.required]
        });

getServiceListData(type) {
    this.nodeList = [];
    this.apiservice.getClusterInfo()
      .subscribe(data => {
        if (Array.isArray(data.NodeList)) {
          this.nodeList = data.NodeList;
        } else {
          this.nodeList.push(data.NodeList);
        }

  })
}

以下是html代码:

<div class="large-12 small-12 medium-12" *ngIf="systemlogsform.value.logtype==='installlogs'">
          <div>
            <label class="col-md-12 md-padding--s md-padding__left--l md-padding__top--s" for="" formGroupName="systemService"><strong>
                Select Server Option
              </strong></label>
            <div
              class="col-md-3"
              *ngFor="let node of nodeList; let j=index;"
            >

                <md-checkbox
                style="padding-left:45px;"
                name="TDG"
                value="{{node.FQDN}}"
                label="{{node.FQDN}}"
                htmlId="{{node.HostName}}"
                [formControl]="node"
                [formControlName]="j">
                </md-checkbox>

            </div>
          </div>
        </div>

复选框值将来自api调用。因此,我无法硬编码表单组中的值。
1) 那么,如果单击了多个复选框值,我如何提交它们的多个值呢。
2) 另外,我在检索复选框的值时遇到了问题,请有人帮我解决这个问题。

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题