Javascript Angular 2 nativeElement.focus不'；我不能在手机上工作

我正试图在另一个

元素上单击
以实现对输入的
关注。一切都在计算机上工作，但在移动设备上它不工作

我就是这样做的：

图标触发
响应（）
函数，该函数在
输入上调用
焦点
：

<i (click)="responsive()" class="material-icons search-iko">search</i>

在手机上，focus就像CSS一样工作，不会触发键盘（如果你想写，你需要点击）

***此输入有两种样式版本：onfocus和unfocus。After responsive（）函数onfocus样式出现，但它不仅仅关注移动设备*

尝试v2（也尝试使用角度渲染器）相同的结果：

<input type="text" #inputas>

@ViewChild('inputas') inputas: ElementRef;
responsive() {
  setTimeout(() => {
    this.inputas.nativeElement.focus();
  }, 1);
}

private renderer: Renderer2
this.renderer.selectRootElement(this.inputas["nativeElement"]).focus();

我发现javascript focus（）并不是在所有移动浏览器上都有效：

<input type="text" #inputas>

@ViewChild('inputas') inputas: ElementRef;
responsive() {
  setTimeout(() => {
    this.inputas.nativeElement.focus();
  }, 1);
}

private renderer: Renderer2
this.renderer.selectRootElement(this.inputas["nativeElement"]).focus();


是否有其他方法将输入集中在移动设备上，如在（单击搜索图标）？
您是否尝试过：？将尝试写一个反馈。是的，请给出反馈，但onClick函数对我不起作用，因为当解析更改时，我必须调用我的函数，不点击。resposnive函数只检查解析，如果为mobile或false，则设置为true。图标和搜索不在同一组件中，它们共享数据。