首页 文章

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

提问于
浏览
0

我有一个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 回答

相关问题