Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Here are the Angular concepts covered during this workshop:
-
async
pipe and the no-subscription pattern- Template microsyntax variables for structural directives
- Template reference variables (hashtag syntax)
tap
operator from RxJs
-
- Reactive programming with Observable swapping
map
operator from RxJsng-container
as an empty DOM wrapper for content to show/hide
-
FormControl
and how to listen to form updates- Creating a custom pipe to format data
withLatestFrom
operator from RxJs- How to combine multiple Observable streams into one
- Using
innerHTML
to render dynamically generated HTML code
-
switchMap
operator from RxJscombineLatest
operator from RxJs- Using RxJs
Subject
to create action streams - How to combine dynamic Observable streams that evolve over time
-
- Refactoring HTML templates and TypeScript code into reusable components
- Creating custom 2-way bindings with the
[()]
syntax - Using
Input
andOutput
for component communication
-
- Creating custom directives
- Using custom CSS selectors with a directive
- Using
HostBinding
andHostListener
-
- Multi-slot content projection
- Creating a highly reusable and customizable component
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.