From 535bb49284157d7e4f2de7f906d7ff1912af54ac Mon Sep 17 00:00:00 2001 From: Bill Erickson Date: Wed, 13 Jun 2018 12:30:15 -0400 Subject: [PATCH] tutorial notes Signed-off-by: Bill Erickson --- README | 8 -------- ang6-toturial.adoc | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 53 insertions(+), 8 deletions(-) delete mode 100644 README create mode 100644 ang6-toturial.adoc diff --git a/README b/README deleted file mode 100644 index 939ae5a7f..000000000 --- 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 index 000000000..a87c45deb --- /dev/null +++ b/ang6-toturial.adoc @@ -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 == + + + + +== 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; + +== 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('')... + + -- 2.11.0