fixup! fix($compile): use correct parent element when requiring on html element

Author: Narretz

test/e2e/fixtures/directive-require-html/script.js

@@ -2,11 +2,19 @@
 
 angular.
   module('test', []).
+    provider('$exceptionHandler', /** @this */ function() {
+      this.$get = [function() {
+        return function(error) {
+          window.document.querySelector('#container').textContent = error && error.message;
+        };
+      }];
+  }).
+
   directive('requireDirective', function() {
     return {
       require: '^^requireTargetDirective',
       link: function(scope, element, attrs, ctrl) {
-        window.document.querySelector('#container').append(window.document.createTextNode(ctrl.content));
+        window.document.querySelector('#container').textContent = ctrl.content;
       }
     };
   }).

test/e2e/tests/directive-require-html.spec.js

@@ -5,6 +5,6 @@ describe('require parent controller on html element', function() {
 
     loadFixture('directive-require-html');
 
-    expect(element(by.id('container')).getText()).not.toContain('requiredContent');
+    expect(element(by.id('container')).getText()).toContain('Controller \'requireTargetDirective\', required by directive \'requireDirective\', can\'t be found!');
   });
 });