fix(ngdocs): provide test code for syntax links in docs and fix the syntax directive for IE8

1 files changed, 8 insertions, 4 deletions

diff --git a/docs/components/bootstrap/bootstrap.js b/docs/components/bootstrap/bootstrap.js
index 91d6590e..3e1c8d00 100644
--- a/docs/components/bootstrap/bootstrap.js
+++ b/docs/components/bootstrap/bootstrap.js
@@ -57,7 +57,8 @@ directive.syntax = function() {
                 '<span class="' + icon + '"></span> ' + text +
                '</a>';
       };
-      var html = '<nav class="syntax-links">';
+
+      var html = '';
       var types = {
         'github' : {
           text : 'View on Github',
@@ -82,11 +83,14 @@ directive.syntax = function() {
           html += makeLink(type, data.text, link, data.icon);
         }
       };
-      html += '</nav>';
-      var nav = angular.element(html);
+
+      var nav = document.createElement('nav');
+      nav.className = 'syntax-links';
+      nav.innerHTML = html;
+
       var node = element[0];
       var par = node.parentNode;
-      par.insertBefore(nav[0], node);
+      par.insertBefore(nav, node);
     }
   }
 }