Question

我正在使用angular2但这个模态我用bootstrap3做到了。我在模态窗口中有以下输入

<img id='searchIcon' src="images/search.png" data-toggle="modal" data-target="#myModal">

<div id="myModal" class="modal fade modal-container" role="dialog">
     <h1>search</h1>
     <input [focus]='true' id='inputSearch' type="text">
</div>

我希望当我打开模态窗口以使输入聚焦时（当你点击放大镜图标时，这种情况在pluralsight.com中）。

如你所见，我尝试了[焦点] =＆＃39;真的＆＃39;但是没有工作

Answer 1

这样做

$('#myModal').on('shown.bs.modal', function() {
    $("#inputSearch").focus();
});

Answer 2

我相信您需要做的就是将autofocus添加到您的输入代码中。

<img id='searchIcon' src="images/search.png" data-toggle="modal" data-target="#myModal">

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

如何在模态窗口中自动聚焦输入

2 个答案: