diff --git a/public/docs/_examples/lifecycle-hooks/ts/app/spy.component.ts b/public/docs/_examples/lifecycle-hooks/ts/app/spy.component.ts
index f20a4a2066..29d2f33962 100644
--- a/public/docs/_examples/lifecycle-hooks/ts/app/spy.component.ts
+++ b/public/docs/_examples/lifecycle-hooks/ts/app/spy.component.ts
@@ -16,7 +16,7 @@ import {Spy} from './spy.directive';
       <button (click)="reset()">Reset Heroes</button>
     </p>` +
 // #docregion template
-    `<div *ngFor="let hero of heroes"  my-spy  class="heroes">
+    `<div *ngFor="let hero of heroes"  mySpy  class="heroes">
        {{hero}}
      </div>`
 // #enddocregion template
diff --git a/public/docs/_examples/lifecycle-hooks/ts/app/spy.directive.ts b/public/docs/_examples/lifecycle-hooks/ts/app/spy.directive.ts
index 8e3ee0e4c2..0da6d9aa5b 100644
--- a/public/docs/_examples/lifecycle-hooks/ts/app/spy.directive.ts
+++ b/public/docs/_examples/lifecycle-hooks/ts/app/spy.directive.ts
@@ -6,8 +6,8 @@ let nextId = 1;
 
 // #docregion spy-directive
 // Spy on any element to which it is applied.
-// Usage: <div my-spy>...</div>
-@Directive({selector: '[my-spy]'})
+// Usage: <div mySpy>...</div>
+@Directive({selector: '[mySpy]'})
 export class Spy implements OnInit, OnDestroy {
 
   constructor(private _logger:LoggerService) { }