在AngularJS中使用引导模式时，事件冒泡似乎不起作用

Question

我收到了关于使用引导模式的一些问题。

首先，对我的英语技能感到抱歉，也许有一些问题来理解我的问题。

我做了一个按钮作为directive来动态添加下面的链接。

。

Angularjs dynamically adding and removing elements using directive

http://jsfiddle.net/Stepan_Kasyanenko/4ktmvzcm/1/

^^^^^上面的链接正是我所咨询。

。

而我的问题是在这个小提琴。

。

https://jsfiddle.net/CRDeity/6kmszgL0/

。

当我把它写入modal时，即使点击了它，它也不起作用。

如果在modal以外，这个效果很好。

modal的event中是否有中断？

Answer 1

我可以给你解决方案。

检查这个小提琴。

Directive have to use snake-case

当使用指令，必须使用-考虑snake-case。

<button add-item-line class="btn btn-info btn-lg"> 
    Add list 
</button> 

Answer 2

您的指令没有被正确声明。 Angular使用属性标准化将指令链接到元素，因为HTML不区分大小写，而JavaScript区分大小写。 （详情请参阅Matching Directives）。指令'addItemLine'和'additemline'将完全相同，没有这种标准化。

在HTML中，您使用Dash分隔名称，将其转换为与它们的Camel Case等效项。因此，要达到'addItemLine'指令，您需要add-item-line属性。

<button add-item-line class="btn btn-info btn-lg"> 

工作的例子版本：https://jsfiddle.net/bLanoznz/