/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 vote277 views1 answer
Bind an event to dom element angular
Javascript AngularJS
0 vote207 views1 answer
Showing file download progress in angular
Javascript AngularJS
121 votes353 views6 answers
New angular project
Javascript AngularJS
33 votes437 views6 answers
Angular add bootstrap
Javascript AngularJS
12 votes202 views5 answers
Update angular 10
Javascript AngularJS
0 vote200 views1 answer
Addclass to elementref angular
Javascript AngularJS
-3 votes205 views5 answers
Base64 to image angular
Javascript AngularJS
0 vote200 views1 answer
@angular/common
Javascript AngularJS
5 votes193 views3 answers
Skip import angular 6
Javascript AngularJS
1 vote251 views1 answer
Angular run validation on other controls
Javascript AngularJS