在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/