/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 vote116 views1 answer
Firebase timestamp to date angular
Javascript AngularJS
0 vote112 views1 answer
Navigate to route and refresh angular 6
Javascript AngularJS
2 votes104 views1 answer
Angular current year
Javascript AngularJS
0 vote110 views1 answer
Ontouch validate angular
Javascript AngularJS
0 vote112 views1 answer
Angular attach component to body
Javascript AngularJS
-1 vote250 views1 answer
An unhandled exception occurred: ENOENT: no such file or directory, lstat 'C:\Users\hp\Desktop\New folder\node_modules' See "C:\Users\hp\AppData\Local\Temp\ng-uhxyh2\angular-errors.log" for further details.
Javascript AngularJS
0 vote168 views1 answer
Get datetime yesterday angular
Javascript AngularJS
7 votes100 views1 answer
Mouseover angular 6
Javascript AngularJS
0 vote110 views1 answer
Class is using Angular features but is not decorated. Please add an explicit Angular decorator.
Javascript AngularJS
1 vote111 views1 answer
Angularjs round to 2 decimal places input
Javascript AngularJS