Почему данные в Angular выводятся по порядку id, а не по тому, как задано внутри цикла?

Question

[vladislav997]

Подскажите, почему данные в Angular выводятся по порядку id, а не по тому, как задано внутри цикла?

<div *ngFor="let post of posts">
  <div *ngIf="post.id == 2102">
    Post 2102
  </div>
  <div *ngIf="post.id == 3">
    Post 3
  </div>
</div>

Вывод:

Post 3
Post 2102

Хотя по логике должно быть наоборот:

Post 2102
Post 3

Просто отсортировать по айдишникам наоборот - не вариант, тк каждый пост нужно выводить в индивидуальной руками сортировке

Comments

[Антон Швец]

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

Answer 1

[historydev]

Математику в школе не преподавали?

3 < 2102

Сначала отрабатывает второе условие, потому-что id 3 в твоём массиве очевидно раньше встретится чем 2102.

stackblitz

Comments

[vladislav997]

вопрос в том, как это решить, а не что: 3 < 2102

[historydev]

vladislav997,

Сначала тебе нужно получить список постов, потом завести переменную для постов которые ты хочешь вывести.

В данном случае ты хочешь фильтровать по id, создаёшь метод который реализует нужную тебе логику.

В ngOnInit вызываешь свой метод и заполняешь переменную нужными тебе постами, в нужном порядке.

Ответ поправил. Разберись что там и как работает, перед тем как копи-пастить.