From ae09e3904bef137f8b84239d63f7c135679bb72b Mon Sep 17 00:00:00 2001 From: Bill Erickson Date: Tue, 1 May 2018 10:26:21 -0400 Subject: [PATCH] ang2 Signed-off-by: Bill Erickson --- ang2-preso.adoc | 28 +++++++++++++++++++++++++++- ang2-preso.html | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 81 insertions(+), 1 deletion(-) diff --git a/ang2-preso.adoc b/ang2-preso.adoc index 150ab5b55..af4016680 100644 --- a/ang2-preso.adoc +++ b/ang2-preso.adoc @@ -142,6 +142,24 @@ this.net.request(...).subscribe( * https://www.typescriptlang.org/ * https://github.com/Microsoft/TypeScript/ +== TypeScript Fun: Classes + +[source,js] +-------------------------------------------------------------------------- +export class Animal { + color: string; + constructor(color: string) { + this.color = color; + } + sayColor() {console.log(this.color)} +} +export class Ocelot extends Animal{ +} + +let o = new Ocelot('orange'); +o.sayColor(); +-------------------------------------------------------------------------- + == TypeScript Fun: Interfaces [source,js] -------------------------------------------------------------------------- @@ -179,6 +197,15 @@ https://35.186.179.218/eg2/staff/splash NOTE: This server will be alive for ~1 month. +== Migrating to ng5 + +[role="incremental"] +* Angular5 +* TypeScript +* I18N +* Bootstrap4 +* Dependency Variations + == Strategies for Migrating to ng5 * Inline Replacement @@ -275,4 +302,3 @@ NOTE: This server will be alive for ~1 month. == Questions - diff --git a/ang2-preso.html b/ang2-preso.html index 30b2b4371..5f5baa7bd 100644 --- a/ang2-preso.html +++ b/ang2-preso.html @@ -4188,6 +4188,28 @@ Classes (inheritance), Interfaces, Types, etc.
+

TypeScript Fun: Classes

+
+
+
+
export class Animal {
+    color: string;
+    constructor(color: string) {
+        this.color = color;
+    }
+    sayColor() {console.log(this.color)}
+}
+export class Ocelot extends Animal{
+}
+
+let o = new Ocelot('orange');
+o.sayColor();
+
+
+

TypeScript Fun: Interfaces

@@ -4292,6 +4314,38 @@ Experiment with downgrading ng5 services for use in ng1.
+

Migrating to ng5

+
+
    +
  • + +Angular5 + +
    • +
  • + +TypeScript + +
    • +
  • + +I18N + +
    • +
  • + +Bootstrap4 + +
    • +
  • + +Dependency Variations + +
    • +
+
+
+

Strategies for Migrating to ng5

    -- 2.11.0