Телеграмм чат группы angularkyiv страница 815

Size: a a a

Angular Kyiv

627 membersпожаловаться на группу

2020 July 17

Roman Martyniuk in Angular Kyiv

потому что данные в таблице - это ССЫЛКА не твой исходный массив, и она оперирует элементами ИСХОДНОГО массива

источник

10:33пожаловаться #1

Danil Gudz in Angular Kyiv

чтоб работать с либами без зашкваров нужно помнить 2 правила:
1) не мутировать данные (splice мутирует)
2) пользоваться паблик api (на скрине)

источник

10:34пожаловаться #2

Danil Gudz in Angular Kyiv

если ты вызываешь метод с нижним подчеркиванием то не ожидай чего-то того что ты ожидаешь) ты вызвал внутренний метод и хочешь чтоб он как-то по-твоему работал

источник

10:34пожаловаться #3

Danil Gudz in Angular Kyiv

смотришь на api класса

источник

10:35пожаловаться #4

Danil Gudz in Angular Kyiv

тебе нужно удалить элемент

источник

10:35пожаловаться #5

Danil Gudz in Angular Kyiv

чтоб это сделать нужно взять данные которые сейчас есть

источник

10:35пожаловаться #6

Danil Gudz in Angular Kyiv

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

источник

10:35пожаловаться #7

Danil Gudz in Angular Kyiv

и закинуть этот новый массив в datasource

источник

10:35пожаловаться #8

Danil Gudz in Angular Kyiv

это делается через .data считал

источник

10:36пожаловаться #9

Danil Gudz in Angular Kyiv

сделал снаружи манипуляции

источник

10:36пожаловаться #10

Danil Gudz in Angular Kyiv

и закинул через .data = новый массив

источник

10:36пожаловаться #11

Danil Gudz in Angular Kyiv

тогда можно с этим как-то ожидаемо работать

источник

10:36пожаловаться #12

Алекс in Angular Kyiv

Danil Gudz

и закинуть этот новый массив в datasource

через new()

источник

10:36пожаловаться #13

Алекс in Angular Kyiv

Danil Gudz

Происходит до его вызова

источник

10:38пожаловаться #14

Алекс in Angular Kyiv

дело еще в том что я не нашеk методов подписки на датасоурсе, что бы удалить знfчение и обновить view

источник

10:39пожаловаться #15

Danil Gudz in Angular Kyiv

я ж тебе уже все рассказал)

источник

10:40пожаловаться #16

Danil Gudz in Angular Kyiv

const dataSource = new MatTableDataSource([1,2,3,4,5]);

function removeByIndex(ds: MatTableDataSource<any>, index: number) {
  const currentArray = ds.data;
  const newArray = [...currentArray] // скопировали
  newArray.splice(index, index); 
  ds.data = newArray;
  // либо вместо трех строк одной:
  // const newArray = currentArray.filter((e,i) => i !== index);
}

источник

10:40пожаловаться #17

Danil Gudz in Angular Kyiv

если сильно интересно то просто можно залететь в сорцы
https://github.com/angular/components/blob/master/src/material/table/table-data-source.ts#L72
увидеть что на сеттере делается next
и твой компонент сам подхватит новый массив из внутреннего обзервебла

источник

10:42пожаловаться #18

Danil Gudz in Angular Kyiv

ну, я имею в виду mat-table компонент

источник

10:42пожаловаться #19

Алекс in Angular Kyiv

да но такое решение короче index = this.tableContractorGroup.data.map(function(value) { return value._idGroup; }).indexOf(data._idGroup);
this.tableContractorGroup.data.splice(index,1);

источник

10:42пожаловаться #20