angular - 如何在不重新加载的情况下检查“再次检查属性”？

Question

我的问题如下：我有两个子组件，1.按钮，2.细节

//button.component.ts
deleteAll(){
  this.srv.array = [];
}

该数组来自我用来检查是否应选中复选框的服务。我将数组的元素与我显示的字段进行比较。如果它们具有相同的名称，则选中复选框：

// details.component.ts
  checkedItems(item){
    for(let k=0;k<this.array.length;k++){ //the array from the service is assigned to this array on 
       if(condition)                      ngOnInit
       return true;
   } 
 }

details.component.ts 中的属性绑定：

...
       <label><input  type="checkbox" 
        [checked]="checkedItems(field)" // important
        (click)="check(field, $event)"> 
        {{name}} 
      </label>
...

我不想切换页面以查看现在未选中的字段，而是希望该字段立即更新。问题是我不知道如何调用detectChanges或ngOnchanges在我的情况下如何在两个子组件之间使用。调用后如何重新加载子组件或再次检查字段deleteAll