Панель поиска угловых простых таблиц

Question

Я извлекаю массив данных из базы данных и отображаю его в виде простой таблицы. Я пытаюсь добавить в эту таблицу функцию панели поиска Simple Table Filter. Например, отфильтровать ее по свойству .name. В этом case courseData - это массив.

<code><table  style="border-spacing: 5rem">
      <tr >
          <td style="font-size: 20px;">CRN</td>
          <pre> 

Имя

Лектор

Уровень

Дни

Время {{data.crn}}

{{data.name}} {{data.name}}

{{}} data.lecturer

{{data.level}}

{{data.days}}

{{data.hours}} + </ Нг-контейнер>

Answer 1

Попытка отфильтровать courseData через событие. Ваш образец не содержит никакого машинописного текста, поэтому трудно привести наглядный пример. Как правило, предполагая, что courseData является свойством, в вашем машинописном тексте будет событие о действии, подобное:

clicked($event) { this.courseData = this.courseData.filter(x => x.name.toLowerCase().indexOf($event.value.toLowerCase()) > -1)); }

Может существовать любое количество вариантов, в зависимости от того, что вы хотите сделать (по нажатию клавиши, и т. Д.). Обратите внимание, что в приведенном выше примере регистр не учитывается.