如何获取 angular 中复选框的选中和未选中值

Question

我有一个复选框列表，如下所示：

 <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：节点数组 object 具有以下属性：

    [
    {
    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"
    }

Answer 1

好像节点本身没有selected属性，先在节点接口或者节点object上创建一个。

其次，只要用户单击复选框更改将被调用，您可以切换node.selected的值，然后在复选框上添加change事件。

在 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;
}