[FIXED] 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


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


And my problem is in this fiddle.




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?


I can give you solution.

Check this fiddle.

Directive have to use snake-case

When using directive, you have to consider snake-case using -.

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

Answered By – Canet Robern

Answer Checked By – Terry (Easybugfix Volunteer)

Leave a Reply

(*) Required, Your email will not be published