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 find it better to keep it simple, and there's no need to pre-load all the themes like other have suggested.

Stick to a single tag with ng-href:

And initialize myVar in your scope to "yeti" in the index controller:

$scope.myTheme = 'yeti';
$rootScope.$watch('myTheme', function(value) {
  if (value != undefined) {
    $scope.myTheme = value;
  }
});

The rest stays the same.