Angular 2 How to blur input on button return?

Question

How to blur input by pressing native keyboard return button on mobile ?

For example :

<input type="text" #search>

this.search.blur() //-- unfocus and hide keyboard

Answer 1

html file

<input type="text"  #search (keyup.enter)="doSomething()">

.ts file

import { Component, ViewChild, ElementRef} from '@angular/core';

  @ViewChild('search') search: ElementRef;

  doSomething(): void {
    this.search.nativeElement.blur()
  }

working stackblitz