ngmodel绑定与angular2中的动态数组复选框

Question

我在角度2中有一个组件，我从一个数组中生成一个复选框列表。

现在我需要根据选中的复选框填充不同的数组，这应该是双向绑定，这意味着如果复选框的值已经在数组中，则必须已经检查了复选框。我在角度1中使用了名为checklist-model的插件来执行此操作。

<h4><label><input type="checkbox" value="" (click)=checkAll(screen)>{{screen.screen_name}}</label></h4>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-4 col-sm-6" *ngFor="let perm of screen.permissions">                    
                    <div class="checkbox" >
                      <label><input type="checkbox" (change)="logCheckbox(cb)" [(ngModel)]="permissionsArray[]" [value]="perm.permission">{{perm.permission}}</label>
                    </div>
                </div>
            </div>

在上面的代码中，ngModel中的permissionsArray []仅用于表示我想要的内容。我想根据所选的权限填充permissionsArray []，反之亦然。

我尝试在复选框上创建一个本地引用变量但由于整个数组都是动态的，所以它也不起作用。

另一个要求是如果选中Screen checbox，那么屏幕上的所有子复选框也应该被检查，我也不知道如何处理它。

我想基本问题是我不知道如何从我的代码后面单独访问复选框，因为它们是动态的。

关于我应该使用什么方法的任何提示？