Bootstrapping an Angular app in Shadow DOM

gistfile1.js

angular.module('guestApp', []).controller('guestCtrl', function($scope) {
  $scope.bar = "I'm a guest app, please be nice.";
});

var el = document.createElement('x-editor');
var shadowEl = el.webkitCreateShadowRoot();
document.documentElement.appendChild(el);
shadowEl.innerHTML = '<div id="guest" ng-controller="guestCtrl">{{ bar }}</div>';
angular.bootstrap(shadowEl, ['guestApp']);