Event bubbling seems not working when using bootstrap modal in AngularJS

I got a some questions about using bootstrap modal.

First of all, sorry for my English skill, maybe there are some problems to understand my question.

I made a button as a directive to add dynamically with reference to below links.

.

Angularjs dynamically adding and removing elements using directive

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

^^^^^ above link is just what I consulted.

.

And my problem is in this fiddle.

.

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

.

When I put this into a modal, even though I click this, it didn’t work.

If outside of modal, this worked well.

Are there any interruption in event of modal?

Source: AngularJS

from Angular Questions https://angularquestions.com/2017/09/25/event-bubbling-seems-not-working-when-using-bootstrap-modal-in-angularjs/
via @lzomedia #developer #freelance #web