Angular 2 .focus() 不工作

Question

我想打开一个模态窗口并聚焦其中的输入。

在html文件中

<img id='searchIcon' 
     src="images/search.png" 
     class="icon iconCenter" 
     data-toggle="modal" 
     data-target="#myModal" 
     (click)='focusSearch();' />

<div id="myModal" class="modal fade modal-container" role="dialog">
    <h3>SEARCH</h3>
    <input id='inputSearch' type="text" autofocus>
</div>

使用 autofocus 属性，我在第一次打开模态视图时获得了焦点，但是在我关闭并再次打开模态视图后没有做任何事情。(在 firefox 中根本不起作用)

在ts文件中

focusSearch(){
    document.getElementById("inputSearch").focus();
}

如果有人能留下一个快速演示，我将不胜感激

Answer 1

试试这个，没有函数

<img id='searchIcon' src="images/search.png" class="icon iconCenter" data-toggle="modal" data-target="#myModal" (click)='myInput.focus()'>
    <div id="myModal" class="modal fade modal-container" role="dialog">
       <h3>SEARCH</h3>
       <input id='inputSearch' type="text" autofocus #myInput>
    </div>