\ No newline at end of file
+
+
+ {{selectedHero.name | uppercase}} is my hero
+
+
+
\ No newline at end of file
diff --git a/courses/tutorial/ch-6/src/index.html b/courses/tutorial/ch-6/src/index.html
index 2490203..5b22106 100644
--- a/courses/tutorial/ch-6/src/index.html
+++ b/courses/tutorial/ch-6/src/index.html
@@ -2,12 +2,11 @@
- Hello Angular
+ HelloAngular
-
Loading...
diff --git a/courses/tutorial/ch-6/src/main.ts b/courses/tutorial/ch-6/src/main.ts
index 5c3c520..ac78a71 100644
--- a/courses/tutorial/ch-6/src/main.ts
+++ b/courses/tutorial/ch-6/src/main.ts
@@ -3,7 +3,7 @@ import './polyfills.ts';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { environment } from './environments/environment';
-import { AppModule } from './app/';
+import { AppModule } from './app/app.module';
if (environment.production) {
enableProdMode();
diff --git a/courses/tutorial/ch-6/src/styles.css b/courses/tutorial/ch-6/src/styles.css
index 82897ab..90d4ee0 100644
--- a/courses/tutorial/ch-6/src/styles.css
+++ b/courses/tutorial/ch-6/src/styles.css
@@ -1,23 +1 @@
-/* Master Styles */
-h1 {
- color: #369;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 250%;
-}
-h2, h3 {
- color: #444;
- font-family: Arial, Helvetica, sans-serif;
- font-weight: lighter;
-}
-body {
- margin: 2em;
-}
-body, input[text], button {
- color: #888;
- font-family: Cambria, Georgia;
-}
-/* . . . */
-/* everywhere else */
-* {
- font-family: Arial, Helvetica, sans-serif;
-}
+/* You can add global styles to this file, and also import other style files */
diff --git a/courses/tutorial/ch-6/src/test.ts b/courses/tutorial/ch-6/src/test.ts
index 7727c8e..be44dc5 100644
--- a/courses/tutorial/ch-6/src/test.ts
+++ b/courses/tutorial/ch-6/src/test.ts
@@ -6,6 +6,11 @@ import 'zone.js/dist/sync-test';
import 'zone.js/dist/jasmine-patch';
import 'zone.js/dist/async-test';
import 'zone.js/dist/fake-async-test';
+import { getTestBed } from '@angular/core/testing';
+import {
+ BrowserDynamicTestingModule,
+ platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
declare var __karma__: any;
@@ -14,21 +19,14 @@ declare var require: any;
// Prevent Karma from running prematurely.
__karma__.loaded = function () {};
-
-Promise.all([
- System.import('@angular/core/testing'),
- System.import('@angular/platform-browser-dynamic/testing')
-])
- // First, initialize the Angular testing environment.
- .then(([testing, testingBrowser]) => {
- testing.getTestBed().initTestEnvironment(
- testingBrowser.BrowserDynamicTestingModule,
- testingBrowser.platformBrowserDynamicTesting()
- );
- })
- // Then we find all the tests.
- .then(() => require.context('./', true, /\.spec\.ts/))
- // And load the modules.
- .then(context => context.keys().map(context))
- // Finally, start Karma to run the tests.
- .then(__karma__.start, __karma__.error);
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+ BrowserDynamicTestingModule,
+ platformBrowserDynamicTesting()
+);
+// Then we find all the tests.
+let context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);
+// Finally, start Karma to run the tests.
+__karma__.start();
diff --git a/courses/tutorial/ch-6/src/tsconfig.json b/courses/tutorial/ch-6/src/tsconfig.json
index 9b4c84c..1cf713a 100644
--- a/courses/tutorial/ch-6/src/tsconfig.json
+++ b/courses/tutorial/ch-6/src/tsconfig.json
@@ -1,5 +1,6 @@
{
"compilerOptions": {
+ "baseUrl": "",
"declaration": false,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
diff --git a/courses/tutorial/ch-6/tslint.json b/courses/tutorial/ch-6/tslint.json
index 29f24ee..640d02c 100644
--- a/courses/tutorial/ch-6/tslint.json
+++ b/courses/tutorial/ch-6/tslint.json
@@ -16,7 +16,6 @@
"spaces"
],
"label-position": true,
- "label-undefined": true,
"max-line-length": [
true,
140
@@ -39,7 +38,6 @@
],
"no-construct": true,
"no-debugger": true,
- "no-duplicate-key": true,
"no-duplicate-variable": true,
"no-empty": false,
"no-eval": true,
@@ -49,8 +47,6 @@
"no-switch-case-fall-through": true,
"no-trailing-whitespace": true,
"no-unused-expression": true,
- "no-unused-variable": true,
- "no-unreachable": true,
"no-use-before-declare": true,
"no-var-keyword": true,
"object-literal-sort-keys": false,
@@ -93,12 +89,8 @@
"check-type"
],
- "directive-selector-prefix": [true, "app"],
- "component-selector-prefix": [true, "app"],
- "directive-selector-name": [true, "camelCase"],
- "component-selector-name": [true, "kebab-case"],
- "directive-selector-type": [true, "attribute"],
- "component-selector-type": [true, "element"],
+ "directive-selector": [true, "attribute", "app", "camelCase"],
+ "component-selector": [true, "element", "app", "kebab-case"],
"use-input-property-decorator": true,
"use-output-property-decorator": true,
"use-host-property-decorator": true,
@@ -107,6 +99,9 @@
"use-life-cycle-interface": true,
"use-pipe-transform-interface": true,
"component-class-suffix": true,
- "directive-class-suffix": true
+ "directive-class-suffix": true,
+ "no-access-missing-member": true,
+ "templates-use-public": true,
+ "invoke-injectable": true
}
}