From: Bill Erickson Date: Wed, 13 Jun 2018 16:30:15 +0000 (-0400) Subject: tutorial notes X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=535bb49284157d7e4f2de7f906d7ff1912af54ac;p=working%2Frandom.git tutorial notes Signed-off-by: Bill Erickson --- 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('')... + +