<ul class="list-group">
    <li class="list-group-item list-group-item-info">
        <input #input type="text" placeholder="Filter" [(ngModel)]="search">
    </li>
    <li class="list-group-item list-group-item-info">Todos Owner</li>
    <li *ngFor="let todo of todos | async | filterBy: {owner: search}" class="list-group-item">
        {{ todo.owner }}
    </li>
</ul>
<ul class="list-group">
    <li class="list-group-item list-group-item-info">
        <input #input type="text" placeholder="ID" [(ngModel)]="searchByID">
        <input #input type="text" placeholder="Owner" [(ngModel)]="searchByOwner">
        <input #input type="text" placeholder="Body" [(ngModel)]="searchByBody">
        <input #input type="text" placeholder="Category" [(ngModel)]="searchByCategory">
        <select #input [(ngModel)]="searchByStatus">
            <option value=1>True</option>
            <option value=0>False</option>
        </select>
    </li>

    <li class="list-group-item list-group-item-info">Todos List</li>

    <!--
    <li *ngFor="let todo of todos | async | filterBy: {owner: searchByOwner}" class="list-group-item">
        {{ todo.owner }}
    </li>

    <li *ngFor="let todo of todos | async | filterBy: {category: searchByCategory}" class="list-group-item2">
        {{ todo.category }}
    </li>

    <li *ngFor="let todo of todos | async | filterBy: {body: searchByBody}" class="list-group-item2">
        {{ todo.body }}
    </li>
    !-->

    <li *ngFor="let todo of todos | async | filterBy: {status: searchByStatus}" class="list-group-item2">
        {{ todo.status }}
    </li>

</ul>
Add input tags for all the fields of ToDo object and ability to filter by each field (incomplete)
Add input tags for all the fields of ToDo object and ability to filter by each field (incomplete)
