Click once from search suggestion

Asked Jun 23 '17 at 07:03

Active Jun 23 '17 at 13:41

Viewed 42 times

I still have to double click the suggested searches before redirecting it to its link. Recently I've added the tabindex for the hide() and show() methods to work

Here are my code:

getSuggestion(name) {
  $('.suggestion').show();
  this.search
  .getSuggestion(name)
  .subscribe(
      name => this.results = name,
      error => alert(error),
      );
}
hide($event) {
  this.suggest = false;
}
show($event) {
  this.suggest = true;
}
showEmployee(id: string) {
  this.route.navigate(['/information/employees', id]);
  this.results = [];
}

<section class="search-bar-wrapper" tabindex="-1" (focusin)="show($event)" (focusout)="hide($event)">
        <div class="ui right action left icon input fullwidth" >
            <input type="text" placeholder="Search" (keyup)="getSuggestion($event.target.value)">
            <div class="suggestion" *ngIf="results.length > 0 && suggest === true">
                <div *ngFor="let result of results">
                    <div class="search-res" (click)="showEmployee(result._id)"> {{ result.name }} </div>
                </div>
            </div>
        </div>
</section>

edited Jun 23 '17 at 13:41

developer033

24,267
8
82
108

asked Jun 23 '17 at 07:03

Char

2,073
8
28
45

what is at lineno : 22? – Shayuh Jun 23 '17 at 07:11
1

can you add this code on plunkr? – Ramesh Rajendran Jun 23 '17 at 07:17
Which part @Y.Hewa – Char Jun 23 '17 at 07:21
the error .. { "message": "Uncaught SyntaxError: Unexpected token {", "filename": "https://stacksnippets.net/js", "lineno": 22, "colno": 29 } – Shayuh Jun 23 '17 at 07:25
@Y.Hewa: That line 22 is of the code pasted here only, that's just a syntax error but not the one which Char is talking about – Aayushi Jain Jun 23 '17 at 07:29
oh! Then what excatly is the question ? – Shayuh Jun 23 '17 at 07:33
My question is, should I add something in the html or css for it to be clicked once for it to open to its page? @Y.Hewa – Char Jun 28 '17 at 01:44
could you please make a plunker? Im finding it difficult to understand your issue .. – Shayuh Jun 28 '17 at 04:42

Click once from search suggestion

0 Answers0