docs(toh): put a bit of clarification

Author: Foxandxss

public/docs/ts/latest/tutorial/toh-pt3.jade

@@ -187,10 +187,9 @@ code-example(format=".")
 
   We've imported `HeroDetailComponent`, we've used it in the template, but we haven't told Angular about it.
 
-  We tell Angular about it by listing it in the metadata `directives` array. Let's add that array property to the bottom of the
-  `@Component` configuration object, immediately after the `template` and `styles` properties.
-+makeExample('toh-3/ts/app/app.component.ts', 'directives')
-
+  We tell Angular about it by listing it in the metadata `directives` array. Let's add that array property to the `@Component` configuration object,
+  after the `styles` property for example.
++makeExample('toh-3/ts/app/app.component.ts', 'directives', 'app/app.component.ts')
 
 :marked
   ### It works!
@@ -215,7 +214,7 @@ code-example(format=".")
       .file hero-detail.component.ts
       .file main.ts
     .file node_modules ...
-    .file typings ...      
+    .file typings ...
     .file index.html
     .file package.json
     .file tsconfig.json

public/docs/ts/latest/tutorial/toh-pt4.jade

@@ -211,7 +211,7 @@ code-example(format="." language="html").
 
     If the `HeroDetailComponent` needed its parent component's `HeroService`,
     it would ask Angular to inject the service into its constructor which would look just like the one for `AppComponent`:
-  +makeExample('toh-4/ts/app/app.component.1.ts', 'ctor', 'hero-detail.component.ts (constructor)')
+  +makeExample('toh-4/ts/app/app.component.1.ts', 'ctor', 'hero-detail.component.ts (example)')
   :marked
     The `HeroDetailComponent` must *not* repeat its parent's `providers` array! Guess [why](#shadow-provider).