Architecture of Angular 2 apps

[genkio]

Components

• component = view component.
• encapsulates the template, data and the behaviour of a view.
• decouple from the DOM.

export class RatingComponent {
  averageRating: number;
  setRating(value) {}
}

Directives

• to modify DOM elements and / or extend their behaviour.
• does not have template or html markup for the view.
• often used to add behaviour to existing DOM element.

<input type="text" autoGrow />

Routers

• purely responsible for navigation.

  Services

• encapsulates any logic that is not related to view.

[ghost]

mark