angular-hotel-manager/src/app/hotel-list/hotel-list.component.html

<div class="container p-4 mx-auto max-w-4xl">
  <h1>{{'hello' | uppercase | text}}</h1>
  <app-search [(input)]="search"></app-search>
  @if (hotels[0].hotelName) {
    <div *ngFor="let hotel of hotels">
      <app-hotel-item *ngIf="hotel.hotelName.toLowerCase().includes(search.toLowerCase())" [hotel]="hotel"></app-hotel-item>
    </div>
  }
</div>