Bootstrap Data-toggle Breaks Ng-show And Vice Versa

I have a form switcher using two radio buttons:

Solution 1:

The problem for me was jQuery.

1. When including bootstrap.min.js it wanted to include jQuery. You can remove bootstrap.min.js & jQuery in which just put an ng-class on the label to set the active state.

Reference Mart's fiddle from above for ng-class examples.

2. If removing jQuery is not an option for you: The other option is in the comments above saying just to remove the data-toggle. From there you can throw a style="display:none" directly on your radio inputs or create a class in your style sheet.

Solution 2:

You have extra <div class="radio">.

Remove them and it should work like in this fiddle.

Share