输入焦点不会第一次触发/发射

Question

我正在使用离子3，我有一个输入，当它有焦点它应该触发一个模态的函数...但它不会发出，除非我离开输入焦点并再次点击模态的输入打开

.html

  <ion-item inset>
    <ion-label class="labels" floating>Functional Area</ion-label>
    <ion-input type="text" formControlName="functionalArea" readonly (focus)="selectFunctionalArea()"></ion-input>
  </ion-item>

.ts

  selectFunctionalArea(){
    let modal = this.modalCtrl.create('ModalSearch', {data: this.functionalAreaPack});
    modal.present();
  }

我第一次点击输入...它有焦点但没有模态，我必须保留输入，然后第二次点击它然后我注意到2个模态正在打开。我做错了什么！