在 AngularJS 中使用 bootstrap 模态时,事件冒泡似乎不起作用
Event bubbling seems not working when using bootstrap modal in AngularJS
我有一些关于使用 bootstrap 模式的问题。
首先,对不起我的英语水平,可能理解我的问题有些问题。
我做了一个按钮作为directive
动态添加参考下面links.
.
http://jsfiddle.net/Stepan_Kasyanenko/4ktmvzcm/1/
^^^^^ 以上link就是我参考的
.
而我的问题在于 fiddle。
.
https://jsfiddle.net/CRDeity/6kmszgL0/
.
当我将它放入 modal
时,即使我点击它,它也不起作用。
如果在 modal
之外,这很有效。
modal
的 event
有没有中断?
我可以给你解决方案
检查此 fiddle。
Directive have to use snake-case
使用指令时,您必须考虑 snake-case
使用 -
。
<button add-item-line class="btn btn-info btn-lg">
Add list
</button>
您的指令声明不正确。 Angular 使用属性规范化 link 元素指令,因为 HTML 不区分大小写,而 JavaScript 区分大小写。 (有关详细信息,请参阅 Matching Directives)。如果没有这种规范化,指令 'addItemLine'
和 'additemline'
将完全相同。
在 HTML 中,您使用破折号分隔的名称,这些名称将转换为等效的 Camel Case。因此,要达到 'addItemLine'
指令,您需要 add-item-line
属性。
<button add-item-line class="btn btn-info btn-lg">
示例的工作版本:https://jsfiddle.net/bLanoznz/
我有一些关于使用 bootstrap 模式的问题。
首先,对不起我的英语水平,可能理解我的问题有些问题。
我做了一个按钮作为directive
动态添加参考下面links.
.
http://jsfiddle.net/Stepan_Kasyanenko/4ktmvzcm/1/
^^^^^ 以上link就是我参考的
.
而我的问题在于 fiddle。
.
https://jsfiddle.net/CRDeity/6kmszgL0/
.
当我将它放入 modal
时,即使我点击它,它也不起作用。
如果在 modal
之外,这很有效。
modal
的 event
有没有中断?
我可以给你解决方案
检查此 fiddle。
Directive have to use snake-case
使用指令时,您必须考虑 snake-case
使用 -
。
<button add-item-line class="btn btn-info btn-lg">
Add list
</button>
您的指令声明不正确。 Angular 使用属性规范化 link 元素指令,因为 HTML 不区分大小写,而 JavaScript 区分大小写。 (有关详细信息,请参阅 Matching Directives)。如果没有这种规范化,指令 'addItemLine'
和 'additemline'
将完全相同。
在 HTML 中,您使用破折号分隔的名称,这些名称将转换为等效的 Camel Case。因此,要达到 'addItemLine'
指令,您需要 add-item-line
属性。
<button add-item-line class="btn btn-info btn-lg">
示例的工作版本:https://jsfiddle.net/bLanoznz/