chore(examples): Updated live example links to use helper directive

closes #2005

Author: brandonroberts

public/docs/js/latest/cookbook/ts-to-js.jade

@@ -26,8 +26,8 @@ include ../../../../_includes/_util-fns
 
   [Host and Query Metadata](#other-property-metadata)
 
-  **Run and compare the live [TypeScript](/resources/live-examples/cb-ts-to-js/ts/plnkr.html) and 
-  [JavaScript](/resources/live-examples/cb-ts-to-js/js/plnkr.html) code shown in this cookbook.**
+  **Run and compare the live <live-example name="cb-ts-to-js">TypeScript</live-example> and <live-example name="cb-ts-to-js" lang="js">JavaScript</live-example>
+  code shown in this cookbook.**
 
 a(id="modularity")
 .l-main-section

public/docs/js/latest/guide/forms-deprecated.jade

@@ -35,7 +35,8 @@ include ../_util-fns
 
   - How to share information across controls with template local variables
 
-  [Live Example](/resources/live-examples/forms-deprecated/js/plnkr.html)
+   <live-example>Live Example</live-example>
+   
 .l-main-section
 :marked
   ## Template-Driven Forms

public/docs/js/latest/guide/forms.jade

@@ -35,7 +35,7 @@ include ../_util-fns
 
   - How to share information across controls with template local variables
 
-  [Live Example](/resources/live-examples/forms/js/plnkr.html)
+  <live-example>Live Example</live-example>
 
 .l-main-section
 :marked

public/docs/js/latest/quickstart.jade

@@ -13,7 +13,7 @@ include _util-fns
 :marked
   ## See It Run!
 
-  Running the [live example](/resources/live-examples/quickstart/js/plnkr.html)
+  Running the <live-example></live-example>
   is the quickest way to see an Angular 2 app come to life.
 
   Clicking that link fires up a browser, loads the sample in [plunker](http://plnkr.co/ "Plunker"),

public/docs/ts/latest/cookbook/a1-a2-quick-reference.jade

@@ -6,7 +6,7 @@ a(id="top")
   syntax and its equivalent in Angular 2.
 
 :marked
-  **See the Angular 2 syntax in this [live example](/resources/live-examples/cb-a1-a2-quick-reference/ts/plnkr.html)**.
+  **See the Angular 2 syntax in this <live-example name="cb-a1-a2-quick-reference"></live-example>**.
 
   ## Contents
   This chapter covers

public/docs/ts/latest/cookbook/component-communication.jade

@@ -30,7 +30,7 @@ include ../_util-fns
   [Parent and children communicate via a service](#bidirectional-service)
 
 :marked
-  **See the [live example](/resources/live-examples/cb-component-communication/ts/plnkr.html)**.
+  **See the <live-example name="cb-component-communication"></live-example>**.
 
 .l-main-section
 <a id="parent-to-child"></a>

public/docs/ts/latest/cookbook/component-relative-paths.jade

@@ -75,7 +75,7 @@ include ../_util-fns
 :marked
   ## Source
 
-  **We can see the [live example](/resources/live-examples/cb-component-relative-paths/ts/plnkr.html)**
+  **We can see the <live-example name="cb-component-relative-paths"></live-example>**
   and download the source code from there
   or simply read the pertinent source here.
 +makeTabs(

public/docs/ts/latest/cookbook/dependency-injection.jade

@@ -45,7 +45,7 @@ include ../_util-fns
   [Break circularities with a forward class reference (*forwardRef*)](#forwardref)
 
 :marked
-   **See the [live example](/resources/live-examples/cb-dependency-injection/ts/plnkr.html)**
+   **See the <live-example name="cb-dependency-injection"></live-example>**
    of the code supporting this cookbook.        
 
 .l-main-section
@@ -236,7 +236,7 @@ figure.image-display
   The getter for the `hero` property pulls the cached hero from the service.
   And the template displays this data-bound property.
 
-  Find this example in [live code](/resources/live-examples/cb-dependency-injection/ts/plnkr.html)
+  Find this example in <live-example name="cb-dependency-injection">live code</live-example>
   and confirm that the three `HeroBioComponent` instances have their own cached hero data. 
 figure.image-display
   img(src="/resources/images/cookbooks/dependency-injection/hero-bios.png" alt="Bios")    
@@ -535,7 +535,7 @@ a(id='usefactory')
   :marked
     The function retrieves candidate heroes from the `HeroService`, 
     takes `2` of them to be the runners-up, and returns their concatenated names.
-    Look at the [live example](/resources/live-examples/cb-dependency-injection/ts/plnkr.html)
+    Look at the <live-example name="cb-dependency-injection"></live-example>
     for the full source code.
 
 a(id="tokens")
@@ -703,7 +703,7 @@ a(id='alex')
 +makeExample('cb-dependency-injection/ts/app/parent-finder.component.ts','cathy','parent-finder.component.ts (CathyComponent)')(format='.')
 :marked
   We added the [@Optional](#optional) qualifier for safety but
-  the [live example](/resources/live-examples/cb-dependency-injection/ts/plnkr.html)
+  the <live-example name="cb-dependency-injection"></live-example>
   confirms that the `alex` parameter is set.
 
   <a id="base-parent"></a>
@@ -737,7 +737,7 @@ a(id='alex')
 +makeExample('cb-dependency-injection/ts/app/parent-finder.component.ts','craig','parent-finder.component.ts (CraigComponent)')(format='.')
 :marked
   Unfortunately, this does not work. 
-  The [live example](/resources/live-examples/cb-dependency-injection/ts/plnkr.html)
+  The <live-example name="cb-dependency-injection"></live-example>
   confirms that the `alex` parameter is null.
   *We cannot inject a parent by its base class.*
 

public/docs/ts/latest/cookbook/dynamic-form-deprecated.jade

@@ -35,7 +35,7 @@ include ../_util-fns
       [Dynamic Template](#dynamic-template)
 
 :marked
-   **See the [live example](/resources/live-examples/cb-dynamic-form-deprecated/ts/plnkr.html)**.
+   **See the <live-example name="cb-dynamic-form-deprecated"></live-example>**.
 
 .l-main-section
 <a id="object-model"></a>

public/docs/ts/latest/cookbook/dynamic-form.jade

@@ -37,7 +37,7 @@ include ../_util-fns
       [Dynamic Template](#dynamic-template)
 
 :marked
-   **See the [live example](/resources/live-examples/cb-dynamic-form/ts/plnkr.html)**.
+   **See the <live-example name="cb-dynamic-form"></live-example>**.
 
 .l-main-section
 <a id="bootstrap"></a>