d02cef4297195eb44afa09c5e92103503b90e404
[ccsdk/cds.git] /
1 <!--/*
2 * ============LICENSE_START=======================================================
3 * ONAP : CDS
4 * ================================================================================
5 * Copyright 2019 TechMahindra
6 *=================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
10 *
11 *     http://www.apache.org/licenses/LICENSE-2.0
12 *
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ============LICENSE_END=========================================================
19 */-->
20
21 <form class="example-form" [formGroup]="myControl">
22   <mat-form-field class="example-full-width">
23     <input type="text" [(ngModel)]="searchText" placeholder="Search Resources" matInput [matAutocomplete]="auto" formControlName="search_input">
24     <button matSuffix mat-icon-button (click)="fetchResourceByName()"><mat-icon>search</mat-icon></button>
25     <mat-autocomplete #auto="matAutocomplete">
26       <mat-option (click)="selected(option)" *ngFor="let option of options | search : searchText" [value]="option.tags">
27         {{option.tags}}
28       </mat-option>
29     </mat-autocomplete>
30   </mat-form-field>
31 </form>