tutorial notes
authorBill Erickson <berickxx@gmail.com>
Wed, 13 Jun 2018 16:30:15 +0000 (12:30 -0400)
committerBill Erickson <berickxx@gmail.com>
Wed, 13 Jun 2018 16:30:15 +0000 (12:30 -0400)
Signed-off-by: Bill Erickson <berickxx@gmail.com>
README [deleted file]
ang6-toturial.adoc [new file with mode: 0644]

diff --git a/README b/README
deleted file mode 100644 (file)
index 939ae5a..0000000
--- a/README
+++ /dev/null
@@ -1,8 +0,0 @@
-This repo is for putting random things in.
-
-You can push to it from your own repos without building off of the master branch, or anything else in it really. For example:
-
-git add random git@git.evergreen-ils.org:working/random
-git push random local_branch:user/yourusername/local_branch
-
-Otherwise it follows the rules of working repos.
diff --git a/ang6-toturial.adoc b/ang6-toturial.adoc
new file mode 100644 (file)
index 0000000..a87c45d
--- /dev/null
@@ -0,0 +1,53 @@
+= Angular6 / Evergreen App Tutorial
+:author: Bill Erickson, Software Development Engineer, King County Library System
+:email: berickxx@gmail.com
+:backend: slidy
+:max-width: 45em
+:deckjs_theme: web-2.0
+
+== Modules ==
+
+== Templates ==
+
+== Template Variables ==
+
+<foo-component #myComp>
+</foo-component>
+
+== Components: Passing Input ==
+
+foo=
+[foo]=
+(foo)=
+[(foo)]=
+
+// in the code
+myComp.foo = 'hello';
+myComp.foo('hello');
+
+== Components: Reading Input ==
+
+@Input() foo: string;
+@Input() set foo(s: string) {
+    this.foo_ = s;
+}
+
+== Components: Passing Output ==
+
+@Output foo: EventEmitter<bool>;
+
+== Components: Reading Output ==
+
+// in the template
+(foo)="myBool=$event"
+(foo)="handleFoo($event)"
+
+// in the code
+myComp.foo.subscribe(b => myBool=b);
+
+
+== Components: Programmatic Control ==
+
+@ViewChild('')...
+
+