Stylesheet Directive for Angular.js

directive.js

'use strict';

angular.module('myApp')
  .directive('styleSheet', function () {

		return {
			restrict: 'EA',
			template: '<style type="text/css" />',
			transclude: true,
			replace: true,
			controller: function($scope, $element, $transclude) {
				$element.append($transclude().contents());
			}
		};
	});

view.html

  <div style-sheet>
		.content {
			color: {{colors.textColor}};
		}
	</div>