refactor(subheader): switch to use ng-transclude instead of custom li…

…nkingFn

src/components/subheader/demos/basic/index.html

@@ -1,5 +1,5 @@
 
-<div ng-app="app" ng-controller="AppCtrl" layout="vertical" flex layout-fill>
+<div ng-app="app" ng-controller="SubheaderAppCtrl" layout="vertical" flex layout-fill>
  <material-content style="height: 600px;">
  <section>
  <material-subheader class="material-subheader-colored">Unread Messages</material-subheader>

src/components/subheader/demos/basic/script.js

@@ -1,7 +1,7 @@
 
 angular.module('app', ['ngMaterial'])
 
-.controller('AppCtrl', function($scope) {
+.controller('SubheaderAppCtrl', function($scope) {
  $scope.messages = [
  {
  face : '/img/list/60.jpeg',

src/components/subheader/subheader.js

@@ -31,12 +31,8 @@ angular.module('material.components.subheader', [
 function materialSubheaderDirective($compile) {
  return {
  restrict: 'E',
- link: function(scope, $el, $attr) {
- var element = angular.element('<h2 material-sticky class="material-subheader ' + $attr.class + '">')
- .append($el.contents());
-
- $el.replaceWith(element);
- element = $compile(element)(scope);
- }
+ replace: true,
+ transclude: true,
+ template: '<h2 material-sticky class="material-subheader"><ng-transclude></h2>'
  };
 }

src/components/subheader/subheader.spec.js

@@ -16,7 +16,7 @@ describe('materialSubheader', function() {
  var $el = $compile('<div><material-subheader>Hello {{ to }}!</material-subheader></div>')($scope);
  $scope.$digest();
  var $subHeader = $el.children();
- expect($subHeader.html()).toEqual('Hello world!');
+ expect($subHeader.text()).toEqual('Hello world!');
  }));
 
  it('should implement $materialSticky', inject(function($compile, $rootScope) {