Angular calls lifecycle hook methods on directives and components as it creates, changes, and destroys them. Component Lifecycle A Component has a lifecycle managed by Angular itself. Angular creates it, renders it, creates and renders its children, checks it when its data-bound properties change, and destroys it before removing it from the DOM. Angular offers component lifecycle hooks that give us visibility into these key moments and the ability to act when they occur. We cover these hooks in

Stable Type-alias What it does The type of loadChildren. See Routes for more details. Interface Overview interface LoadChildren { } Interface Description exported from @angular/router/index, defined in @angular/router/src/config.ts

Experimental Class Class Overview class JsonpModule { } Class Description The module that includes jsonp's providers Annotations @NgModule({ providers: [ // TODO(pascal): use factory type annotations once supported in DI // issue: https://github.com/angular/angular/issues/3183 {provide: Jsonp, useFactory: jsonpFactory, deps: [JSONPBackend, RequestOptions]}, BrowserJsonp, {provide: RequestOptions, useClass: BaseRequestOptions}, {provide: ResponseOptions, useClass

Stable Interface Interface Overview interface KeyValueDiffer { diff(object: any) : any onDestroy() : any } Interface Description A differ that tracks changes made to an object over time. Interface Details diff(object: any) : any onDestroy() : any exported from @angular/core/index, defined in @angular/core/src/change_detection/differs/keyvalue_differs.ts

Stable Pipe What it does Converts value into JSON string. How to use expression | json NgModuleCommonModule Description Converts value into string using JSON.stringify. Useful for debugging. Example @Component({ selector: 'json-pipe', template: `<div> <p>Without JSON pipe:</p> <pre>{{object}}</pre> <p>With JSON pipe:</p> <pre>{{object | json}}</pre> </div>` }) export class JsonPipeComponent { object: Ob

Stable Interface Interface Overview interface KeyValueDifferFactory { supports(objects: any) : boolean create(cdRef: ChangeDetectorRef) : KeyValueDiffer } Interface Description Provides a factory for KeyValueDiffer. Interface Details supports(objects: any) : boolean create(cdRef: ChangeDetectorRef) : KeyValueDiffer exported from @angular/core/index, defined in @angular/core/src/change_detection/differs/keyvalue_differs.ts

Stable Class Class Overview class KeyValueChangeRecord { constructor(key: any) previousValue : any currentValue : any key : any toString() : string } Class Description Constructor constructor(key: any) Class Details previousValue : any currentValue : any key : any toString() : string exported from @angular/core/index, defined in @angular/core/src/change_detection/differs/default_keyvalue_differ.ts

Experimental Function Class Export export keyframes(steps: AnimationStyleMetadata[]) : AnimationKeyframesSequenceMetadata keyframes is an animation-specific function that is designed to be used inside of Angular2's animation DSL language. If this information is new, please navigate to the component animations metadata page to gain a better understanding of how animations in Angular2 are used. keyframes specifies a collection of style entries each optionally characterized by an offset value.

Stable Class Class Overview class KeyValueDiffers { staticcreate(factories: KeyValueDifferFactory[], parent?: KeyValueDiffers) : KeyValueDiffers staticextend(factories: KeyValueDifferFactory[]) : Provider constructor(factories: KeyValueDifferFactory[]) factories : KeyValueDifferFactory[] find(kv: Object) : KeyValueDifferFactory } Class Description A repository of different Map diffing strategies used by NgClass, NgStyle, and others. Constructor constructor(factories: KeyV

Stable Interface Interface Overview interface IterableDifferFactory { supports(objects: any) : boolean create(cdRef: ChangeDetectorRef, trackByFn?: TrackByFn) : IterableDiffer } Interface Description Provides a factory for IterableDiffer. Interface Details supports(objects: any) : boolean create(cdRef: ChangeDetectorRef, trackByFn?: TrackByFn) : IterableDiffer exported from @angular/core/index, defined in @angular/core/src/change_detection/differs/iterable_differs.ts