Как отфильтровать список по алфавиту?

Для фильтрации списка по алфавиту в Angular можно использовать встроенные методы JavaScript для сортировки массива. Вот пример того, как это можно сделать:

1. Создайте компонент, в котором будет происходить фильтрация списка. Допустим, это будет компонент ListFilterComponent.

   import { Component, Input } from '@angular/core';

   @Component({
     selector: 'app-list-filter',
     template: `
       <input [(ngModel)]="filterText" placeholder="Фильтр по алфавиту" (input)="filterList()" />
       <ul>
         <li *ngFor="let item of filteredList">{{ item }}</li>
       </ul>
     `
   })
   export class ListFilterComponent {
     @Input() list: string[];
     filterText: string = '';
     filteredList: string[];

     filterList() {
       this.filteredList = this.list
         .filter(item => item.toLowerCase().indexOf(this.filterText.toLowerCase()) !== -1)
         .sort();
     }
   }

2. В родительском компоненте, где используется ListFilterComponent, передайте список, который требуется отфильтровать.

   <app-list-filter [list]="myList"></app-list-filter>

3. В родительском компоненте определите свойство myList и заполните его данными списка.

   import { Component } from '@angular/core';

   @Component({
     selector: 'app-parent-component',
     template: `
       <app-list-filter [list]="myList"></app-list-filter>
     `
   })
   export class ParentComponent {
     myList: string[] = ['Банан', 'Апельсин', 'Яблоко', 'Груша'];
   }

4. Теперь, при каждом вводе в поле фильтрации, будет происходить сортировка и фильтрация списка и выводиться только соответствующая информация.

В этом примере, мы используем двустороннюю привязку данных с помощью директивы ngModel, чтобы получать значение из поля ввода и отображать фильтрованный список. Затем мы фильтруем список, используя метод filter для проверки каждого элемента списка на соответствие фильтру. Метод sort используется для сортировки отфильтрованного списка по алфавиту.

Если вы хотите отфильтровать список по условию другому, вы можете изменить функцию filterList() соответственно.