Angular 4

• Binding
  • Interpolation
  • Property Binding
  • Event Binding
  • Two-way Binding
• Bootstrapping
  • Placing your components in your index.html by way of directives
• Components
  • Properties & Methods
• Data Types:
  • any
  • array [1, 2, 'three', 'four']
  • boolean true false
  • interface - Custom Type
  • object {'like':'JSON', 'awesome':true}
  • string 'Hello World'
• Decorator
  • Built in Decorators in Angular:
    • @Component( )
    • @Pipe( )
    • @Input( )
    • @Output( )
    • @Injectable( )
  • Prefixed with '@'
  • A function that adds metadata to a class, it's members, or its method arguments.
  • Scope of a decorator is limited to the feature that it decorates.
• Directives
  • Custom:
    • @Component( { selector: 'directive' } )
    • Custom HTML tag
  • Built-In:
  • Custom HTML tag or attribute.
• Import Statements
  • Part of ES6
  • import {Component} from '@angular/core;
• Interpolation
  • One-way binding
  • Can use w/ concatenation, calculation, & even class methods.
• Interface
• Lifecycle Hooks
  • OnInit - Perform component initialization, retrieve data
  • OnChanges - Perform action after change to input properties
  • OnDestroy - Perform cleanup
• Metadata
• Modules (ES6 Modules)
• Modules (Angular Modules)
• ngModule:
  • imports - from other sources (Angular itself or 3rd parties)
  • declarations - our custom directives, components, & pipes
• Pipes
  • Used to transform bound properties before they display.
• Component Relative Paths
  • moduleId: module.id
• SystemJS
• Templates
  • Inline Template - back ticks
  • Linked Template - templateURL: product-list-component.html