Как сделать такую фильтрацию данных в Angular 2?

Question

[Konstantin Kudelko]

Ребят всем привет!
Есть таблица данных, каждая строка это компонент, допустим app-candidate-item - это объект!

Как сделать фильтрацию, допустим у меня есть 2 select, фильтр работает так:
Выбрал допустим 1 select, потом этот результат фильтруется 2 select.

я пробовал делать это через pipe, но это не вариант, так как select будут динамически добовляться

Вот картинка:

joxi.ru/8AnxRyzfjyd1Nm

Comments

[Alexander Belov]

stackoverflow.com/questions/36423903/angular2-pipe...

[Konstantin Kudelko]

Alexander Belov: мне кажется через pipe не лучший вариант, так как фильтры будут динамически подгружатся

Answer 1

[Kostya Gorozhanov]

Comments

[Konstantin Kudelko]

как устанавливать фильтр удаленно? не через html?

[Александр]

Konstantin Kudelko: select будут динамически добовляться
Через сервис получаешь данные фильтров и с помощью ngFor выводишь в select, подписываешься на событие изменение select и фильтруешь данные в компоненте

[Konstantin Kudelko]

Александр: да, я в принципе так и думал, у меня еще вопрос возник, допустим я фильтрую по keyword допустим вот так:
onKeyUp() {
this.candidates = this.candidates.filter(candidate => {
if (this.filter['keyword'] === undefined) {
return this.candidates;
}
for (let key in candidate) {
if (candidate[key].toString().toLowerCase().indexOf(this.filter['keyword']) >= 0) {
console.log(this.filter['keyword']);
return candidate;
}
}
});
}

В одну сторону фильтрует, но как только я стираю буквы, фильтр в обратную сторону не пашет =/

[Kostya Gorozhanov]

Konstantin Kudelko: Потому что ты перезаписываешь массив candidates, и каждый раз фильтруется отфильтрованный ранее массив. храните данные в сервисе, там сделайте метод который принимает фильтр, и возвращает измененный массив, при этом оригинальный никогда не должен меняться.

[Konstantin Kudelko]

Kostya Gorozhanov: понял, т.е логику в сервис, вызываю метод сервиса, который филтрует, в компоненте, возвращаю отфильтрованный, но сами данные в сервисе остаются не тронутыми

[Konstantin Kudelko]

Kostya Gorozhanov: проблема еще в том, что если я меняю массив, который не в компоненте, а исходный, то алгоритм фильтрации через "и" не пашет, т.е когда я выбираю 2-ым селектом, отфильтрованные данные появляются не верно