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

我有一个 Angular 2 组件，其中我从数组生成复选框列表。

现在我需要根据选中的复选框填充不同的数组，这应该是双向绑定，这意味着如果复选框的值已在数组中，则必须已经检查了复选框。我在 Angular 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[]只是为了向你展示我想要的东西。我想根据所选权限填充 requestsArray[]，反之亦然。

我尝试在复选框上创建本地引用变量，但这也不起作用，因为整个数组是动态的。

另一个要求是，如果选中“屏幕”复选框，则也应选中屏幕中的所有子复选框，但我也不知道如何处理该问题。

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

关于我应该使用什么方法有什么建议吗？