Сортировка данных в колонках таблицы Angular

Есть таблица в проекте на ангуляре. Данные в колонках нужно сортировать по клику на заголовок стандартно, ASC, DESC и обратно. Сортировка реализована на бекенде есть эндпоинт куда нужно подкидывать нужные параметры. Вот пример таблицы и вопрос в следующем Для каждого столбца делать свою функцию которая будет стучать на бекенд и обновлять данные...? Это нормальный путь для ангуляра? Или тут можно применить какой-то другой подход? Использовать пайп директиву? Может у кого есть ссылка на пример похожей реализации. Буду благодарен

  <table class="table table-striped">
    <thead class="thead-dark">
      <tr>
        <th scope="col" class="col col-id">ID</th>
        <th scope="col" class="col col-title">Title</th>
        <th scope="col" class="col col-price">Price, $</th>
      </tr>
    </thead>
    <tbody>
    <tr *ngFor="let lesson of lessons">
      <td class="p col-id">{{ lesson.id }}</td>
      <td class="col-title">
        <p class="text-truncate">
          {{ lesson.title }}
        </p>
      </td>
      <td class="col-title">
        <p class="text-truncate">
          {{ lesson.price }}
        </p>
      </td>
    </tr>
    </tbody>
  </table>

Ответы (0 шт):