Angular-strap data-trigger ='focus'无效

Question

的data-trigger焦点不是为我工作...

<span data-content='foo' data-html='true' data-placement='top' data-container='body' data-trigger='focus' bs-popover>

点击这个元素时,实际上什么也没发生.如果我删除data-trigger='focus'并将其设置为hover或click,它确实有效.

我正在使用angularjs.1.2.18和角带:2.2.4

Answer 1

您可以添加tabindex属性以使<span>焦点成为可能.这也适用于<div>和<table>元素.

tabindex全局属性是一个整数,指示元素是否可以获取输入焦点(可聚焦),是否应该参与顺序键盘导航,如果是,则在哪个位置.它可能需要几个值:

• 负值表示该元素应该是可聚焦的,但不应通过顺序键盘导航到达;
• 0表示该元素应该可通过顺序键盘导航进行可聚焦和可达,但其相对顺序由平台约定定义;
• 正值,表示应通过顺序键盘导航可对焦和可达; 其相对顺序由属性值定义:顺序跟随tabindex的增加数量.如果几个元素共享相同的tabindex,它们的相对顺序遵循它们在相对位置

观察标记的以下更改...

<span data-content='foo' 
    data-html='true' 
    data-placement='top' 
    data-container='body' 
    data-trigger='focus' 
    bs-popover
    tabindex='0'>

请参阅MDN tabindex源

Plunker - 来自文档的剥离演示tabindex