fix(subheader): theme is applied to sticky clone

Fixes #2093.
Themes were not copied to the sticky header clone.

Closes #2779. Fixes #2093.

src/components/subheader/subheader.js

@@ -52,9 +52,10 @@ function MdSubheaderDirective($mdSticky, $compile, $mdTheming) {
         '</div>' +
       '</h2>',
     compile: function(element, attr, transclude) {
-      var outerHTML = element[0].outerHTML;
       return function postLink(scope, element, attr) {
         $mdTheming(element);
+        var outerHTML = element[0].outerHTML;
+
         function getContent(el) {
           return angular.element(el[0].querySelector('.md-subheader-content'));
         }
@@ -70,7 +71,6 @@ function MdSubheaderDirective($mdSticky, $compile, $mdTheming) {
         if (!element.hasClass('md-no-sticky')) {
           transclude(scope, function(clone) {
             var stickyClone = $compile(angular.element(outerHTML))(scope);
-            $mdTheming(stickyClone);
             getContent(stickyClone).append(clone);
             $mdSticky(scope, element, stickyClone);
           });

src/components/subheader/subheader.spec.js

@@ -25,4 +25,12 @@ describe('mdSubheader', function() {
     expect($mdStickyMock.args[0]).toBe(scope);
   }));
 
+  it('should apply the theme to the header and clone', inject(function($compile, $rootScope) {
+    var scope = $rootScope.$new();
+    $compile('<div md-theme="somethingElse">' + basicHtml + '</div>')(scope);
+    var element = $mdStickyMock.args[1];
+    var clone = $mdStickyMock.args[2];
+    expect(element.hasClass('md-somethingElse-theme')).toBe(true);
+    expect(clone.hasClass('md-somethingElse-theme')).toBe(true);
+  }));
 });