Показать сообщение отдельно
  #1 (permalink)  
Старый 05.09.2018, 11:52
Интересующийся
Отправить личное сообщение для AndreyAndreyKiev Посмотреть профиль Найти все сообщения от AndreyAndreyKiev
 
Регистрация: 19.07.2018
Сообщений: 15

Angular 2 Помогите реализовать фильтр
Доброго времени суток,

Есть json в component.ts :
data:JSON = [{name:"Вася",lastname:"Иванов",age:"25"},{name:"Боб",lastname:"Додсон",age:"18"}];


и в component.html :
<div id="filter">
  <div><label for="name">Имя</label> <input id="name" type="text">  </div>

  <div><label for="lastname">Фамилия</label> <input id="lastname" type="text"> </div>

  <div><label for="age">Возраст</label> <input id="age" type="number"> </div>
</div>


<div *ngFor="let item of data, let i=index">
 <p>{{ item.name }} {{item.lastname}}</p>
 <p>Возраст: {{ item.age }}</p> 
</div>


Нужно сделать так, чтобы когда, например, пишешь в фильтре имени "вас", из div`a *ngFor исчезали все div`ы, у которых в имени нет подстроки "вас", т.е. останется только Вася (data[0]).
Ответить с цитированием