Angular 2：嵌套复选框

Question

我想使用复选框选择父对象，然后仅显示该对象上的属性（数组）的复选框。例如，我有一个产品对象，每个产品都有许多项目。我想显示产品中所有商品的清单，但仅限于产品本身已经过检查。

我尝试了以下代码，根据初始值显示或隐藏项目 - 我希望能够打开和关闭复选框并隐藏或显示项目。

dense_rank()

Answer 1

您的#ref在您的div上，并且您正在检查它是否已被选中。对于检查正确，div永远不会返回true？您需要参考并检查checked那里。

例如（取决于您的md-checkbox组件的配置方式）：

<div *ngFor="let product of products; let i = index">
    <md-checkbox type="checkbox" #ref> {{product.productTitle}}</md-checkbox>
    <div *ngIf="ref.checked">
       <div *ngFor="let item of product.items; let i = index">
          <md-checkbox type="checkbox">{{item.code}}</md-checkbox> - {{item.name}}
       </div>
    </div>
 </div>