<input type="text" [(ngModel)]="searchText" placeholder="Search Resources" matInput [matAutocomplete]="auto" formControlName="search_input">
<button matSuffix mat-icon-button><mat-icon>search</mat-icon></button>
<mat-autocomplete #auto="matAutocomplete">
- <mat-option *ngFor="let option of options | search : searchText" [value]="option">
+ <mat-option (click)="selected(option)" *ngFor="let option of options | search : searchText" [value]="option">
{{option}}
</mat-option>
</mat-autocomplete>
* ============LICENSE_END=========================================================
*/
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ViewChild, EventEmitter, Output } from '@angular/core';
import {FormBuilder, FormGroup, Validators} from '@angular/forms';
@Component({
selector: 'app-search-resource',
})
export class SearchResourceComponent implements OnInit {
- myControl: FormGroup;
-
+ myControl: FormGroup;
+ @Output() resourcesData = new EventEmitter();
+ options: string[] = ['One','One1', 'Two', 'Three'];
constructor(private _formBuilder: FormBuilder) { }
- options: string[] = ['One','One1', 'Two', 'Three'];
-
- ngOnInit() {
+ ngOnInit() {
this.myControl = this._formBuilder.group({
search_input: ['', Validators.required]
});
}
-
+ selected(value){
+ this.resourcesData.emit(value);
+ }
}