Angularjs 当焦点发生时,你能在Bootstrap3中触发数据切换吗?
我正在使用这个html,它可以在输入字段中单击鼠标,正确显示datetimepicker“菜单” 但是,当输入控件通过选项卡或编程聚焦获得焦点时,我想触发下拉菜单。如何使用Bootstrap3触发切换Angularjs 当焦点发生时,你能在Bootstrap3中触发数据切换吗?,angularjs,twitter-bootstrap,Angularjs,Twitter Bootstrap,我正在使用这个html,它可以在输入字段中单击鼠标,正确显示datetimepicker“菜单” 但是,当输入控件通过选项卡或编程聚焦获得焦点时,我想触发下拉菜单。如何使用Bootstrap3触发切换 <div class="dropdown"> <a class="dropdown-toggle my-toggle-select" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="
<div class="dropdown">
<a class="dropdown-toggle my-toggle-select" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="">
<div class="input-append">
<input type="text" toggle-on-focus class="input-large" data-ng-model="data.date"><span class="add-on"><i class="icon-calendar"></i></span>
</div>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<datetimepicker data-ng-model="data.date"
data-datetimepicker-config="{ dropdownSelector: '.my-toggle-select' }"></datetimepicker>
</ul>
</div>
生成如下所示的控制台输出:
因此,您可以看到焦点多次出现,事件被记录,但下拉列表从不显示
我使用的控件可以在此处找到:
简单错误,调用参数为
'toggle'
的下拉列表()
失败,以及上述代码中的额外.parent()
.directive('toggleOnFocus', function($log) {
return {
restrict: 'AC',
link: function(_scope, _element) {
var dataToggle = _element.closest(".dropdown-toggle");
_element.on('focus', function(evt) {
dataToggle.dropdown('toggle');
});
}
};
});
哦,浪费时间在有点不对劲的事情上
.directive('toggleOnFocus', function($log) {
return {
restrict: 'AC',
link: function(_scope, _element) {
var dataToggle = _element.closest(".dropdown-toggle");
_element.on('focus', function(evt) {
dataToggle.dropdown('toggle');
});
}
};
});