Skip to content
Play
Extracting media streams...
Tip
⚡ Direct Stream Active • Switch to Framed only if preferred • If video or audio lags, change quality format • Shortcuts: Space / K = Play/Pause, ← / → = 10s Seek, M = Mute • Adjust buffer in Player Settings ⚙️ ⚡ Direct Stream Active • Switch to Framed only if preferred • If video or audio lags, change quality format • Shortcuts: Space / K = Play/Pause, ← / → = 10s Seek, M = Mute • Adjust buffer in Player Settings ⚙️

Angular 2 for Beginners - Tutorial 8 - Passing Data to Components

Fast

Angular computes updates based on changes to data, not DOM, for fast updates that scale to the largest data sets with minimal memory overhead.

Mobile

With Angular Universal for server-side rendering and Web Workers for smooth scrolling and transitions, Angular 2 solves the core challenges in mobile web performance.

Flexible

Supports several languages including plain JavaScript, TypeScript, and Dart. Also supports both object-style data structure with POJO data-binding and functional reactive style with unidirectional data flow and support for observables and immutable data structures.

The Basics

In Angular you display data by defining components. Data in your component classes is automatically available to display in your templates or control how they render as in the example below.

While this example uses TypeScript, Angular works equally well with ES5, ES6 and Dart as well.