我有一个复选框列表,如下所示:
<div class="col-md-4 md-padding" *ngFor="let node of nodeList; let j=index;">
<md-checkbox-group>
<md-checkbox
class="md-h6 row md-padding--xs"
name="{{node.FQDN}}"
label="{{node.FQDN}}"
value="{{node.FQDN}}"
required="true"
htmlId="filter_label_{{j}}"
(click)="updatefilter(node.FQDN)"
[formControlName]="servers"
[(ngModel)]="node.selected">
</md-checkbox>
</md-checkbox-group>
</div>
我必须检查复选框是选中还是未选中。我该如何进行?
编辑 1:节点数组对象具有以下属性:
[
{
DNSResolved: "true",
FQDN: "sa-103.abc.com",
HostName: "sa-103",
Role: " Voice/Video",
productTypeId: "1"
},
{
DNSResolved: "true",
FQDN: "sa-104.abc.com",
HostName: "sa-104",
Role: " Voice/Video",
productTypeId: "1"
},
{
DNSResolved: "true",
FQDN: "sa-105.abc.com",
HostName: "sa-105",
Role: " Voice/Video",
productTypeId: "1"
}
节点本身似乎没有 selected 属性,首先在节点界面或节点对象上创建一个。
其次change
在复选框上添加事件,每当用户单击复选框更改将被调用,您可以切换node.selected
.
在 HTML 文件中:
<md-checkbox
class="md-h6 row md-padding--xs"
name="{{node.FQDN}}"
label="{{node.FQDN}}"
value="{{node.FQDN}}"
required="true"
htmlId="filter_label_{{j}}"
(click)="updatefilter(node.FQDN); updateSelection(node)"
[(ngModel)]="node.selected">
</md-checkbox>
在 TS 文件中:
public updateSelection(node) {
// update the values to make them persistent
node.selected = node.selected ? false : true;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句