在 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 之外,这很有效。

modalevent 有没有中断?

我可以给你解决方案

检查此 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/