Как сделать поиск в реальном времени?

Question

[InterestingPerson]

Есть такая структура:

<div class="people-table-header clearfix">
        <div class="input-group people-filter">
            <span class="input-group-addon search">
            </span>
            <input class="form-control people-filter-input" placeholder="Click to search by name and etc" type="text">
        </div>
    </div>
    <div class="people-table-inner">
    <div>
    ....
    </div>
        <table>
            {{#each persons}}
                <tr>
                    ...
                </tr>
            {{/each}}
        </table>
    </div>

Как сделать, чтобы при вводе символов в поле поиска, в реальном времени выводились в таблице только те люди в таблицу, в имени, фамилии которых присутсвуют данные символы, например, есть 3 человека: Иванов, Петров, Сидоров, при вводе в поиск "ро" выводились бы Петров и Сидоров. Спасибо.

Comments

[E]

Вы пробовали пакет https://atmospherejs.com/meteorhacks/search-source ? Отличное решение поиска на метеор. Либо Easy-search, но первый пакет более гибкий, можно более корректно настроить селектор и условия.

Answer 1

[Pavel]

Вот отличное решение, использовал его в одном проекте.

Comments

[InterestingPerson]

Спасибо, а может вы ещё сможете подсказать как можно выводить данные в зависимости от выбранного значения в select? (допустим, выбрано значение в селекте "иванов" и на странице показывает только ивановых)