Angular 基于模板引用在输入上设置焦点

我有一个Ionic 3/angular 2应用程序，在视图上有许多按钮，可以显示和隐藏小表单字段

我的目标是在单击相应的按钮时将焦点设置在表单字段上

我试图使用模板变量来实现这一点，但它不起作用

以下是输入字段的外观：

 <input type="text" [(ngModel)]="businessData.company" placeholder="Company" #jobInput>

按钮如下所示：

    <button class="plus" ion-button clear icon-left (click)="showJob = !showJob; jobInput.focus()">
      <ion-icon name="md-add-circle"></ion-icon>
      add job
    </button>

添加作业

既然这不起作用。这显然是错误的。：-）

任何帮助都将不胜感激

顺便说一句，如果有人也知道如何在字段出现时将字段放置到视图中，这将是一个额外的好处。其中一些出现在键盘下方

---

谢谢

您需要使用elementRef.focus（）

---

stackblitz:

当我在stackblitz演示中尝试它时，它似乎起了作用，当你说它不起作用时，你是说在iOS、Android还是两者中都起作用？