diff --git a/angular/lib/src/core/metadata.dart b/angular/lib/src/core/metadata.dart
index bf7a504091..058b0fba73 100644
--- a/angular/lib/src/core/metadata.dart
+++ b/angular/lib/src/core/metadata.dart
@@ -26,12 +26,14 @@ export 'metadata/visibility.dart';
 ///
 /// <?code-excerpt "docs/attribute-directives/lib/src/highlight_directive_1.dart"?>
 /// ```dart
+/// import 'dart:html';
+///
 /// import 'package:angular/angular.dart';
 ///
 /// @Directive(selector: '[myHighlight]')
 /// class HighlightDirective {
-///   HighlightDirective(ElementRef el) {
-///     el.nativeElement.style.backgroundColor = 'yellow';
+///   HighlightDirective(Element el) {
+///     el.style.backgroundColor = 'yellow';
 ///   }
 /// }
 /// ```