src/lib/kiewit-autocomplete/kiewit-autocomplete.component.ts
| selector | kiewit-autocomplete |
| styleUrls | kiewit-autocomplete.component.scss |
| templateUrl | ./kiewit-autocomplete.component.html |
Properties |
Methods |
Inputs |
Outputs |
dataSource
|
Type: |
onSelectValue
|
$event type: EventEmitter<any>
|
| selectValueEvent | ||||||||
selectValueEvent(newVal: )
|
||||||||
|
Parameters :
Returns :
void
|
| model1 |
model1:
|
Type : string
|
import { Component, Input, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'kiewit-autocomplete',
templateUrl: './kiewit-autocomplete.component.html',
styleUrls: ['./kiewit-autocomplete.component.scss']
})
export class KiewitAutoCompleteComponent {
model1: string;
@Input()
dataSource: any[];
@Output()
onSelectValue: EventEmitter<any> = new EventEmitter();
selectValueEvent(newVal) {
this.onSelectValue.emit(newVal);
}
}
<div ng2-auto-complete
[source]="dataSource"
(valueChanged)="selectValueEvent($event)">
<input placeholder="" [ngModel]="model1" />
</div>
In HTML File