@@ -96,7 +96,7 @@ include ../_util-fns
96
96
up with a project structure with a large number of relatively small files. This is
97
97
a much neater way to organize things than a small number of large files, but it
98
98
doesn't work that well if you have to load all those files to the HTML page with
99
- `< script>` tags. Especially when you also have to maintain those tags in the correct
99
+ < script> tags. Especially when you also have to maintain those tags in the correct
100
100
order. That's why it's a good idea to start using a *module loader*.
101
101
102
102
Using a module loader such as [SystemJS](https://github.com/systemjs/systemjs),
@@ -1171,7 +1171,7 @@ code-example(format="").
1171
1171
version of the `Phone` Angular 2 service.
1172
1172
1173
1173
Now that we are loading `phone.service.ts` through an import that is resolved
1174
- by SystemJS, we should **remove the `< script>` tag** for the service from `index.html`.
1174
+ by SystemJS, we should **remove the < script> tag** for the service from `index.html`.
1175
1175
This is something we'll do to all our components as we upgrade them. Simultaneously
1176
1176
with the Angular 1 to 2 upgrade we're also migrating our code from scripts to modules.
1177
1177
@@ -1257,7 +1257,7 @@ code-example(format="").
1257
1257
know that the return value of the downgrade method call will be something that can be
1258
1258
used as a directive factory.
1259
1259
1260
- At this point, also remove the `< script>` tag for the phone list component from `index.html`.
1260
+ At this point, also remove the < script> tag for the phone list component from `index.html`.
1261
1261
1262
1262
Now we can start looking at our other component, which is the one for
1263
1263
the phone details. Set the contents of `phone-detail.component.ts` as follows:
@@ -1314,7 +1314,7 @@ code-example(format="").
1314
1314
+ makeExample('upgrade-phonecat-2-hybrid/ts/app/main.ts' , 'phone-detail' , 'app/main.ts' )
1315
1315
1316
1316
:marked
1317
- We should now also remove the phone detail component `< script>` tag from `index.html`.
1317
+ We should now also remove the phone detail component < script> tag from `index.html`.
1318
1318
1319
1319
There's one additional step we need to take, which is to upgrade the
1320
1320
`checkmark` filter that the template is using. We need an Angular 2
@@ -1330,7 +1330,7 @@ code-example(format="").
1330
1330
1331
1331
:marked
1332
1332
In the component we should now import and declare our newly created pipe (as well as
1333
- remove the filter `< script>` tag from `index.html`):
1333
+ remove the filter < script> tag from `index.html`):
1334
1334
1335
1335
+ makeExample('upgrade-phonecat-2-hybrid/ts/app/phone-detail/phone-detail.component.ts' , 'checkmark-pipe' , 'app/phone-detail/phone-detail.component.ts' )
1336
1336
0 commit comments