title: Is it possible to dynamically change global stylesheets in Angular 2?
body: <p>Is it possible to dynamically change global stylesheets?</p>
  
  <p>EDIT: The purpose is to allow the user to pick the styles he prefers.</p>
  
  <p>In Angular 1, I was able to wrap a controller around the head tag and use bindings in there. </p>
  
  <p>Example below (simplified code):</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="app" ng-controller="AppController"&gt;
  &lt;head&gt;
      &lt;title&gt;Title&lt;/title&gt;
      &lt;link rel="stylesheet" ng-href="styles/{{current}}"/&gt;
  &lt;/head&gt;
  ...
  </code></pre>
  
  <p>AppController</p>
  
  <pre><code>app.controller('AppController', ['$scope', function ($scope ) {
      $scope.current = dynamicValue;
  }]);
  </code></pre>
  
  <p>Is this possible in Angular 2?</p>