[FIXED] Event bubbling seems not working when using bootstrap modal in AngularJS

Issue

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?

Solution

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

Answered By – Canet Robern

Answer Checked By – Terry (Easybugfix Volunteer)

Leave a Reply

(*) Required, Your email will not be published