/Javascript/AngularJS/Searchbox in api news in angular

Searchbox in api news in angular

<div>

  <mat-form-field>
    <input matInput placeholder="Search" aria-label="State" [matAutocomplete]="auto" [formControl]="searchMoviesCtrl">
    <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
      <mat-option *ngIf="isLoading" class="is-loading">Loading...</mat-option>
      <ng-container *ngIf="!isLoading">
        <mat-option *ngFor="let movie of filteredMovies" [value]="movie.Title">
          <span><b>{{movie.Title}}</b> ({{movie.Year}})</span>
        </mat-option>
      </ng-container>
    </mat-autocomplete>
  </mat-form-field>

  <br>

<ng-container *ngIf="errorMsg; else elseTemplate">
  {{errorMsg}}
</ng-container>
<ng-template #elseTemplate>
  <h5>Selected Value: {{searchMoviesCtrl.value}}</h5>
</ng-template>

</div>Copy

Source: freakyjolly.com

Similar codes

0 vote300 views3 answers
Https://stackoverflow.com/questions/58589741/angular-8-hide-divs-and-show-div-on-button-click
Javascript AngularJS
1 vote271 views1 answer
Ngrok angular 8
Javascript AngularJS
0 vote274 views1 answer
Angular property value does not exist on type Event
Javascript AngularJS
4 votes421 views2 answers
Placeholder in angular 9 select with working required
Javascript AngularJS
0 vote261 views1 answer
Tab key event in angular
Javascript AngularJS
0 vote317 views1 answer
Auto create a test file in angular
Javascript AngularJS
1 vote333 views1 answer
Angular 10 set error on form controle
Javascript AngularJS
0 vote283 views1 answer
Pattern validator angular
Javascript AngularJS
0 vote268 views1 answer
Loader service show hide unit test angular
Javascript AngularJS
0 vote270 views1 answer
Autocomplete list angular 8 material
Javascript AngularJS