Телеграмм чат группы angular

01:56пожаловаться #1

В

Подскажите. Получаю с сервера большой массив данных. Его нужно профильтровать, а затем отсортировать то что осталось. Проблема в том, что данные с сервера приходят с задержкой и функция sort() запускается до того как пришли данные.

Как можно указать порядок выполнения функций?

Roman Yazvinsky in Angular - русскоговорящее сообщество

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

RY

Влад

Подскажите. Получаю с сервера большой массив данных. Его нужно профильтровать, а затем отсортировать то что осталось. Проблема в том, что данные с сервера приходят с задержкой и функция sort() запускается до того как пришли данные.

Как можно указать порядок выполнения функций?

Вы через httpClient запрос делаете? Если да, то в subscribe

03:16пожаловаться #3

В

Вы через httpClient запрос делаете? Если да, то в subscribe

да, через httpClient. Я сделал subscribe и там кладу данные в массив. Затем из этого массива нужно вытащить только нужные данные, положить в другой массив, отсортировать и вывести на экран.
И проблема в том, что я получаю белый экран так будто массив пустой.
Видимо сортировка выполняется в тот момент когда массив еще пустой.
Как отложить выполнение до момента когда будут получены данные?

Roman Yazvinsky in Angular - русскоговорящее сообщество

03:21пожаловаться #4

RY

Влад

да, через httpClient. Я сделал subscribe и там кладу данные в массив. Затем из этого массива нужно вытащить только нужные данные, положить в другой массив, отсортировать и вывести на экран.
И проблема в том, что я получаю белый экран так будто массив пустой.
Видимо сортировка выполняется в тот момент когда массив еще пустой.
Как отложить выполнение до момента когда будут получены данные?

Вся логика должна быть в subscribe, по крайней мере методы в нем вызываться.
+ Обычно массиву лучше присвоить начальное значение [], т.к. много чего падает, если он undefined

03:23пожаловаться #5

В

Вся логика должна быть в subscribe, по крайней мере методы в нем вызываться.
+ Обычно массиву лучше присвоить начальное значение [], т.к. много чего падает, если он undefined

Я присвоил начальное значение. Может тогда у меня плохо построена логика.

Я получаю все данные в app.component, чтобы не дублировать код, а загрузить их только 1 раз при запуске приложения.

Затем в виде home.component хочу выбрать только те данные, которые нужно для этого компонента. Для этого делаю выборку из массива.
Но в итоге массив пустой. Подскажите как правильно

Roman Yazvinsky in Angular - русскоговорящее сообщество

03:27пожаловаться #6

RY

Влад

Я присвоил начальное значение. Может тогда у меня плохо построена логика.

Я получаю все данные в app.component, чтобы не дублировать код, а загрузить их только 1 раз при запуске приложения.

Затем в виде home.component хочу выбрать только те данные, которые нужно для этого компонента. Для этого делаю выборку из массива.
Но в итоге массив пустой. Подскажите как правильно

В homeComponent вы в какой момент пытаетесь получить данные? В ngOnInit?
Если вы передаете данные в homeComponent через "@Input", то вам надо следить за изменениями этого инпута. Это либо ngOnChanges, либо сделать

@Input()
 set myData(data: Data) {
   this.data = data.sort()....
}

03:31пожаловаться #7

В

В homeComponent вы в какой момент пытаетесь получить данные? В ngOnInit?
Если вы передаете данные в homeComponent через "@Input", то вам надо следить за изменениями этого инпута. Это либо ngOnChanges, либо сделать

@Input()
 set myData(data: Data) {
   this.data = data.sort()....
}

Я создал сервис, который хранит все данные, и в конструкторе homeComponent написал:
this.ScopesService.findChildScopes(0); - пытаюсь найти из тех данных корневые элементы, и видимо в этот момент данные с сервера еще не пришли, потому что массив пустой

03:34пожаловаться #8

В

Прежде чем сортировать, мне нужно извлечь нужные

Roman Yazvinsky in Angular - русскоговорящее сообщество

03:35пожаловаться #9

RY

Влад

Я создал сервис, который хранит все данные, и в конструкторе homeComponent написал:
this.ScopesService.findChildScopes(0); - пытаюсь найти из тех данных корневые элементы, и видимо в этот момент данные с сервера еще не пришли, потому что массив пустой

Тогда делайте ваш сервис observable, чтоб на него можно было подписаться

Либо сделайте в app.component.html что-то типа
<app-home *ngIf="initialized"></app-home>

Вместо initialized можно написать "!data" или "data.length > 0"

Roman Yazvinsky in Angular - русскоговорящее сообщество

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

RY

Тогда ваш компонент просто не создастся до тех пор, пока данные не придут

03:37пожаловаться #11

В

Тогда ваш компонент просто не создастся до тех пор, пока данные не придут

спасибо за подсказку, пойду гуглить 🙂👍

03:38пожаловаться #12

В

Подскажите, как отсортировать древовидные данные?

Есть категории, в них есть подкатегории. Уровней вложенности может быть сколько угодно. Нужно отсортировать каждый уровень по полю order_id и вывести на экран.
А исходный массив плоский, в котором указано кто родитель в поле parent_category_id.

Есть какое-то готовое решение?

05:15пожаловаться #13

В

Когда я в виде вызываю:
<div class="" *ngFor="let items of ItemService.find(parentID) | keyvalue">
Функция find будет срабатывать заново при каждой итерации? или только при первой?

🏡 ILshat Khamitov in Angular - русскоговорящее сообщество

06:02пожаловаться #14

🏡K

Влад

Когда я в виде вызываю:
<div class="" *ngFor="let items of ItemService.find(parentID) | keyvalue">
Функция find будет срабатывать заново при каждой итерации? или только при первой?

Каждой, но лучше подготовь объект, вместо вызова функции

🏡 ILshat Khamitov in Angular - русскоговорящее сообщество

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

🏡K

Влад

Подскажите, как отсортировать древовидные данные?

Есть категории, в них есть подкатегории. Уровней вложенности может быть сколько угодно. Нужно отсортировать каждый уровень по полю order_id и вывести на экран.
А исходный массив плоский, в котором указано кто родитель в поле parent_category_id.

Есть какое-то готовое решение?

Куча разных либ в нпм, пойди да поищи сам)

https://www.npmjs.com/package/list-to-tree

Вот например

npm

npm: list-to-tree

List to tree data structure

Дмитрий in Angular - русскоговорящее сообщество

06:11пожаловаться #16

Д

всем привет! подскажите, яндекс метрика умеет воспроизводить посещение на сайте с ангуляром?

09:41пожаловаться #17

АК

Александр Кузнецов... in Angular - русскоговорящее сообщество

Влад

Когда я в виде вызываю:
<div class="" *ngFor="let items of ItemService.find(parentID) | keyvalue">
Функция find будет срабатывать заново при каждой итерации? или только при первой?

Зависит от того как оптимизировано

09:48пожаловаться #18

АК

Александр Кузнецов... in Angular - русскоговорящее сообщество

Влад

Когда я в виде вызываю:
<div class="" *ngFor="let items of ItemService.find(parentID) | keyvalue">
Функция find будет срабатывать заново при каждой итерации? или только при первой?

Стратегия onPush в компоненте то не будет срабатывать постоянно

09:49пожаловаться #19

АК

Александр Кузнецов... in Angular - русскоговорящее сообщество

Влад

Когда я в виде вызываю:
<div class="" *ngFor="let items of ItemService.find(parentID) | keyvalue">
Функция find будет срабатывать заново при каждой итерации? или только при первой?

Но лучше в обьект