From 893b67ec9eac08d879480d169fc707b1cef0cfed Mon Sep 17 00:00:00 2001
From: Thomas Burleson <ThomasBurleson@Gmail.com>
Date: Mon, 1 Feb 2016 14:37:40 -0600
Subject: [PATCH] fix(docs): DocsDemoCtrl fixed to interpolate and observe.

---
 docs/app/js/demo.js | 23 ++++++++---------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/docs/app/js/demo.js b/docs/app/js/demo.js
index a0592b2e1ac..911e2d1f44d 100644
--- a/docs/app/js/demo.js
+++ b/docs/app/js/demo.js
@@ -1,9 +1,7 @@
 DocsApp
 .directive('layoutAlign', function() { return angular.noop; })
 .directive('layout', function() { return angular.noop; })
-.directive('docsDemo', [
-  '$mdUtil',
-function() {
+.directive('docsDemo', ['$mdUtil', function($mdUtil) {
   return {
     restrict: 'E',
     scope: true,
@@ -14,22 +12,17 @@ function() {
     bindToController: true
   };
 
-  function DocsDemoCtrl($scope, $element, $attrs, codepen) {
+  function DocsDemoCtrl($scope, $element, $attrs, $interpolate, codepen) {
     var self = this;
 
     self.interpolateCode = angular.isDefined($attrs.interpolateCode);
+    self.demoId = $interpolate($attrs.demoId || '')($scope.$parent);
+    self.demoTitle = $interpolate($attrs.demoTitle || '')($scope.$parent);
+    self.demoModule = $interpolate($attrs.demoModule || '')($scope.$parent);
 
-    $attrs.$observe('demoTitle', function(value) {
-      self.demoTitle = value;
-    });
-
-    $attrs.$observe('demoId', function(value) {
-      self.demoId = value;
-    });
-
-    $attrs.$observe('demoModule', function(value) {
-      self.demoModule = value;
-    });
+    $attrs.$observe('demoTitle',  function(value) { self.demoTitle  = value || self.demoTitle; });
+    $attrs.$observe('demoId',     function(value) { self.demoId     = value || self.demoId; });
+    $attrs.$observe('demoModule', function(value) { self.demoModule = value || self.demoModule;  });
 
     self.files = {
       css: [], js: [], html: []