title: load html head tags from one source with angular
body: <p>I'm working on an application with PHP on the server-side and Angular Js on the client side. I am relatively new to Angular Js and I'm having problems when loading the basic head tags of the html document. I would like to invoke html fragments from $scope variables defined once in a static place. For example</p>
  
  <pre><code>var app = angular.module('myApp',[]);
  app.controller('MyCtrl',function($scope){
   $scope.stylesheets = {};
   $scope.stylesheets.style1 = '&lt;link rel="stylesheet" type="text/css" href="style1.css"&gt;';
   $scope.stylesheets.style2 = '&lt;link rel="stylesheet" type="text/css" href="style2.css"&gt;';
  });
  </code></pre>
  
  <p>And the in html</p>
  
  <pre><code>&lt;html&gt;
   &lt;head&gt;
   {{stylesheets.style1}}
   {{stylesheets.style1}}
   &lt;/head&gt;
   &lt;body&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I now it is not posible to bind html to the DOM through an Angular expression. But is there a way to achieve this?</p>