When utilizing the $event with the onkeyup event and attempting to pass the input field's value to the filter Function, it is not functioning as expected.
<div class="container mx-auto p-5">
<div class="searchBar">
<div class="field">
<p class="control has-icons-left">
<input #filterInput class="input" type="text" (keyup)="filterNotes($event.target.value)" placeholder="Filter">
<span class="icon is-small is-left">
<i class="fas fa-search"></i>
</span>
</p>
</div>
</div>
</div>
The component's class:
filterNotes(query: string) {
// some logic
}