diff --git a/aio/content/examples/lifecycle-hooks/src/app/spy.component.html b/aio/content/examples/lifecycle-hooks/src/app/spy.component.html
index 782435b961..f7deae9448 100644
--- a/aio/content/examples/lifecycle-hooks/src/app/spy.component.html
+++ b/aio/content/examples/lifecycle-hooks/src/app/spy.component.html
@@ -12,5 +12,5 @@
   </div>
   <!-- #enddocregion template -->
   <h4>-- Spy Lifecycle Hook Log --</h4>
-  <div *ngFor="let msg of spyLog">{{msg}}</div>
+  <div *ngFor="let msg of logger.logs">{{msg}}</div>
 </div>
diff --git a/aio/content/examples/lifecycle-hooks/src/app/spy.component.ts b/aio/content/examples/lifecycle-hooks/src/app/spy.component.ts
index 74a0c39da1..08fc0ee8a0 100644
--- a/aio/content/examples/lifecycle-hooks/src/app/spy.component.ts
+++ b/aio/content/examples/lifecycle-hooks/src/app/spy.component.ts
@@ -15,10 +15,8 @@ import { LoggerService }  from './logger.service';
 export class SpyParentComponent {
   newName = 'Herbie';
   heroes: string[] = ['Windstorm', 'Magneta'];
-  spyLog: string[];
 
-  constructor(private logger: LoggerService) {
-    this.spyLog = logger.logs;
+  constructor(public logger: LoggerService) {
   }
 
   addHero() {