我是新加入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) 另外,我在检索复选框的值时遇到了问题,请有人帮我解决这个问题。
暂无答案!
目前还没有任何答案,快来回答吧!