# Force blur() on ion-input by Angular reference in Ionic 3

**URL:** <https://forum.ionicframework.com/t/force-blur-on-ion-input-by-angular-reference-in-ionic-3/90833>\
**Category:** ionic-v3\
**Created:** [May 18, 2017, 12:31pm UTC](https://forum.ionicframework.com/t/force-blur-on-ion-input-by-angular-reference-in-ionic-3/90833 "2017-05-18T12:31:55Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Khorunzhyi](https://avatars.discourse-cdn.com/v4/letter/k/6de8d8/32.png) [@Khorunzhyi](https://forum.ionicframework.com/u/Khorunzhyi)\
**Post date:** [May 18, 2017, 12:31pm UTC](https://forum.ionicframework.com/t/force-blur-on-ion-input-by-angular-reference-in-ionic-3/90833/1 "2017-05-18T12:31:55Z")

</div>

Hey, guys.

Does anybody know how to force blur on ion-input element by Angular reference?  
I was searching the forum and found one question which seems like something I am looking for: [How to force Blur on ion-input](https://forum.ionicframework.com/t/how-to-force-blur-on-ion-input/64038)

Is this solution OK? Because for me it looks hacky.

Here is the code block which my application uses:

```auto
<form (ngSubmit)="ask(question)">
      <ion-item id="person-info">
        <ion-label stacked>Some label</ion-label>
        <ion-input type="text" required #question></ion-input>
      </ion-item>

      <div class="ask-person-button">
        <button ion-button block type="submit">Ask person</button>
      </div>
</form>

```

And in .ts file:

```auto
import {Component, OnInit} from '@angular/core';
import {NavParams, AlertController} from 'ionic-angular';

@Component({
  selector: 'ask-person',
  templateUrl: 'ask-person.html'
})
export class AskPersonPage implements OnInit {
  ask(input) {
    // can I use something like input.blur() ?
  }
}

```