Как обновить несколько материалов кнопкой переключения значения группы из компонента при его загрузке

Question

У меня есть страница с несколькими mat-button-toggle-group. Код, как показано ниже.

<li *ngFor="let item of itemList">
   <mat-button-toggle-group #group{{item.id}}="matButtonToggleGroup" [(value)]="item.id" [(name)]="item.id" multiple>
      <mat-button-toggle value="add_to_wishlist"></mat-button-toggle>
      <mat-button-toggle value="add_to_cart"></mat-button-toggle>
   </mat-button-toggle-group>
</li>

Я хочу, чтобы это было при загрузке страницы, кнопка-переключатель будет переключаться, если товар находится в списке желаний или корзине.

В компоненте я делаю что-то с этим:

let cartList : ....
for (let i = 0; i < cartList.length; i++) {
   let itemId = cartList[i].itemId;
   this[itemId] = ['add_to_cart'];
}

for (let i = 0; i < wishList.length; i++) {
   let itemId = wishList[i].itemId;
   if(this[itemId])
      this[itemId] = this[itemId].push('add_to_wishlist');
   else
      this[itemId] = ['add_to_wishlist'];
}

Однако я получаю эту ошибку:

ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'name: I100001'. Current value: 'name: undefined'.