Переключить изображение не работает должным образом для таблицы мат

Question

Я использую таблицу Mat и detailExpand раскрыть для переключения деталей. Положительное и отрицательное изображение, которое я поместил, чтобы идентифицировать переключение вверх и вниз. Это работает для меня, когда я щелкаю строку таблицы, но изображение не меняется для других строк таблицы

это мой код

<table mat-table [dataSource]="dataSource" class="mat-elevation-z8 mat_datatable" matSort matSortActive="total_click" matSortDirection="desc" multiTemplateDataRows matSortDisableClear>



<ng-container matColumnDef="campaign_name">
              <th mat-header-cell *matHeaderCellDef mat-sort-header> Campaign </th>
              <td  mat-cell *matCellDef="let element" style="text-align: left;">
              <a href="javascript:void(0)"
              (click)="publisherspiltup(element)"

              [ngClass]="element.split_toggle ? 'toggle_plus': 'toggle_minus'"
></a>

А вот мой файл .ts

publisherspiltup(ele,that) {
   //console.log(that);
   ele.split_toggle  = !ele.split_toggle;
}