我有一个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>
所以,因为这不起作用 . 这显然是错的 . :-)
任何帮助,将不胜感激 .
顺便说一下,如果有人也知道如何在字段出现时将字段放入视图中,这将是一个奖励 . 其中一些出现在键盘下方 .
谢谢!!
1 回答
您需要使用elementRef.focus() .
stackblitz:https://stackblitz.com/edit/angular-ztqjjv