@@ -190,9 +190,15 @@ block install-packages
190
190
191
191
Every Angular application has at least one module: the _root module_, named `AppModule` here.
192
192
193
+ **Create #{_an} #{_appDir} subfolder** off the project root directory:
194
+
195
+ code-example.
196
+ mkdir #{_appDir}
197
+
198
+ :marked
193
199
Create the file `app/app.module.ts` with the following content:
194
200
195
- + makeExample('app/app.module.1.ts ' )( format ='.' )
201
+ + makeExample('app/app.module.ts' , 'v1 ' )( format ='.' )
196
202
197
203
:marked
198
204
This is the entry point to your application.
@@ -221,15 +227,10 @@ h1#root-component Step !{step++}: Create a component and add it to your applicat
221
227
Components are the basic building blocks of Angular applications. A component controls a portion
222
228
of the screen—a *view*—through its associated template
223
229
224
- **Create #{_an} #{_appDir} subfolder** off the project root directory:
225
-
226
- code-example.
227
- mkdir #{_appDir}
228
-
229
230
a#app-component
230
231
p.
231
232
#[ b Create the component file]
232
- #[ code #[ + adjExPath('app/app.component.ts' )] ] (in this newly created directory) with the following content:
233
+ #[ code #[ + adjExPath('app/app.component.ts' )] ] with the following content:
233
234
234
235
+ makeExample('app/app.component.ts' )
235
236
255
256
Edit the file `app/app.module.ts` to import your new `AppComponent` and add it in the
256
257
declarations and bootstrap fields in the `NgModule` decorator:
257
258
258
- + makeExample('app/app.module.ts' , null , title= 'app/app.module.ts' )
259
+ + makeExample('app/app.module.ts' , 'full' , 'app/app.module.ts' )
259
260
260
261
.l-main-section
261
262
h1#main Step !{step++ } : Start up your application
0 commit comments