AppComponent vs App

This commit is contained in:
David East 2015-02-28 06:13:40 -08:00
parent 68ebf708fe
commit a04be1cd25
1 changed files with 9 additions and 3 deletions

View File

@ -70,7 +70,7 @@
| this.name = "Alice"; | this.name = "Alice";
| } | }
| } | }
| bootstrap(App); | bootstrap(AppComponent);
section.docs-sub-section section.docs-sub-section
h4 Component Annotations h4 Component Annotations
@ -133,7 +133,7 @@
| Angular provides a <code>bootstrap</code> function that renders your component to the page. The <code>bootstrap</code> function takes a component as a parameter. Any child components inside of the parent component will be rendered as well. | Angular provides a <code>bootstrap</code> function that renders your component to the page. The <code>bootstrap</code> function takes a component as a parameter. Any child components inside of the parent component will be rendered as well.
code code
pre bootstrap(App); pre bootstrap(AppComponent);
.clear .clear
// STEP 5 - Declare the HTML ########################## // STEP 5 - Declare the HTML ##########################
@ -151,6 +151,7 @@
| &lt;html&gt; | &lt;html&gt;
| &lt;head&gt; | &lt;head&gt;
| &lt;title&gt;Angular 2 Quickstart&lt;/title&gt; | &lt;title&gt;Angular 2 Quickstart&lt;/title&gt;
| &lt;script src="/es6-shim/dist/es6-shim.js"&gt;&lt;/script&gt;
| &lt;/head&gt; | &lt;/head&gt;
| &lt;body&gt; | &lt;body&gt;
| <!-- --> | <!-- -->
@ -177,6 +178,7 @@
| &lt;html&gt; | &lt;html&gt;
| &lt;head&gt; | &lt;head&gt;
| &lt;title&gt;Angular 2 Quickstart&lt;/title&gt; | &lt;title&gt;Angular 2 Quickstart&lt;/title&gt;
| &lt;script src="/es6-shim/dist/es6-shim.js"&gt;&lt;/script&gt;
| &lt;/head&gt; | &lt;/head&gt;
| &lt;body&gt; | &lt;body&gt;
| <!-- --> | <!-- -->
@ -191,11 +193,15 @@
| 'app': 'app.es6' | 'app': 'app.es6'
| }; | };
| <!-- --> | <!-- -->
| // Kick off the application
| System.import('app'); | System.import('app');
| &lt;/script&gt; | &lt;/script&gt;
| &lt;/body&gt; | &lt;/body&gt;
| &lt;/html&gt; | &lt;/html&gt;
.clear .clear
p
| Run the root of your project on a local server.
.content-block.content-number.clearfix .content-block.content-number.clearfix
i.number.icon-number6.large i.number.icon-number6.large