Display data in a table based on user input in an input text

I have a little project on AngularJSwith a table that shows lost pets. The application has to allow you to search for lost pets by a certain breed, and it occurred to me to put a <input type="text">in formit so that the user enters the breed, and the search is carried out (don't see the visual part, I Bootstrapstill have to learn).

<input type="text">My idea is to remove that "Search" button and make it update the information by itself as the user writes the characters . Is there any way to achieve this? I've been searching but didn't find anything that solves my problem.

Here are the files I work with:

index.html:

main.html:

MainController:

app.js:

and the service ( MascotaService) that consumes MainController: