AngularJS switch css theme on user selection

Question

I downloaded the themes from bootswatch and I\'m trying to allow the user to switch the theme. When the theme is switched all the bootstap css temporarily goes away until th

Answer 1

I think it is not a problem of AngularJS. I think your approach should be different.

As I know, theme functionality is usually implemented like below.

1. Create a single CSS file for each theme (cerulean, cosmo, yeti). You should edit CSS files not to conflict each other. (put .cerulean, .cosmo, .yeti in front of all CSS selectors. If you use sass or less, it will be much easier.)

2. Load all CSS files from the HTML head.

3. If a user select a theme, change a class of body or root element to a corresponding theme name.