How to do a real time search?

Question

meteor

There is a structure like this:

<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>

How to make it so that when entering characters in the search field, in real time only those people in the table are displayed in the table, in the name whose last names contain these characters, for example, there are 3 people: Ivanov, Petrov, Sidorov, when you enter "ro" in the search "Petrov and Sidorov would be taken out. Thank you.

Answer 1

Here is a great solution, used it in one project.