]>
Commit | Line | Data |
---|---|---|
9b8a7aa8 | 1 | import { Input, QueryList, Component, Output, AfterViewInit, EventEmitter, ViewChildren, ChangeDetectionStrategy } from '@angular/core' |
6af662a5 RK |
2 | import { SuggestionComponent } from './suggestion.component' |
3 | ||
4 | @Component({ | |
5 | selector: 'my-suggestions', | |
9b8a7aa8 RK |
6 | templateUrl: './suggestions.component.html', |
7 | changeDetection: ChangeDetectionStrategy.OnPush | |
6af662a5 RK |
8 | }) |
9 | export class SuggestionsComponent implements AfterViewInit { | |
10 | @Input() results: any[] | |
11 | @Input() highlight: string | |
12 | @ViewChildren(SuggestionComponent) listItems: QueryList<SuggestionComponent> | |
13 | @Output() init = new EventEmitter() | |
14 | ||
15 | ngAfterViewInit () { | |
6af662a5 | 16 | this.listItems.changes.subscribe( |
9b8a7aa8 | 17 | _ => this.init.emit({ items: this.listItems }) |
6af662a5 RK |
18 | ) |
19 | } | |
20 | ||
21 | hoverItem (index: number) { | |
22 | this.init.emit({ items: this.listItems, index: index }) | |
23 | } | |
24 | } |