AngularJS and Bootstrap, data-toggle and data-target

Question

I`m using Modals from Bootstrap and AngularJS but I want only toggle the modal if userInfo.info.dogeAddress is not '';

<a ng-class="{notClickable: userInfo.info.dogeAddress == '', clickable: userInfo.info.dogeAddress != ''}" data-toggle="modal" data-target="#myModal">Opwaaderen &raquo;</a>

so, I know how to do it with classes, but how can we do this with data-target and data-toggle?

Erti-Chris Eelmaa · Accepted Answer · 2014-08-03 12:55:00Z

1

Just a guess, but probably you should eat the ng-click event before it ever reaches to bootstrap.

Such as:

<a ng-click="userInfo.info.dogeAddress == '' && $event.preventDefault()" 
   ng-class="{notClickable:  userInfo.info.dogeAddress == '', clickable: userInfo.info.dogeAddress != ''}" 
    data-toggle="modal" data-target="#myModal">Opwaaderen &raquo;</a>

answered Aug 3, 2014 at 12:55

Erti-Chris Eelmaa

26.6k6 gold badges65 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS and Bootstrap, data-toggle and data-target

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related