AngularJS Schalten Sie Stylesheets basierend auf Benutzereingaben um

Question

Wie kann ich das Stylesheet einer AngularJS-Seite basierend auf einem Klick auf einen Button durch den Benutzer umschalten / umschalten?

Answer 1

Sie können tatsächlich einen Controller auf HTML-Ebene platzieren und den link-Tag href ändern:

Demo

Controller:

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'Welt';

});

app.controller('headController', function($scope) {
   $scope.stylePath = 'style.css'
   $scope.changePath = function() {
    $scope.stylePath='style2.css';

  };
});

Markup:

  AngularJS Plunker
  document.write('<base href="' + document.location + '" />');

  Hallo {{name}}!
  Ändern