kevinw831205 / myangularcrashcourse

MyAngularCrashCourse

Topics

• Fundamentals
• Data and Events
• Directives
• Forms
• HttpServices
• Routing
• Authentication Authorization
• __Reusable Components
• __AngularBootstrap

Fundammentals

• Angular layout
• components
• template
• directives intro
• servces
  • Dependency Injection

Data and Events

Component -> Template

• Property binding
  • {{}}
• Attribute binding
  • []
• class binding
  • [class.]

Template -> Component

• $event binding
• keyup event filter keyup.enter
• template variables: "#"

Twoway binding

• [(ngModel)] from FormsModule

Pipes

• angular pipes https://angular.io/api?type=pipe
• custom pipes

Directives

• ngIf
  • Hidden Property
• ngFor
  • index
  • isEven
• ngClass
• ngSwitchCase

HttpServices

• HttpClientModule
• HttpClient
• CRUD
• rxjs Observable
• onInit
• error handling

Routing

• basic config
• router-outlet
• routerLink
• route params
• query params
• route guards
  • canActivate

Forms

Template-driven

Reactive

Reuseable Components

• @Input
• @Output
• ngContent
• ngContainer