Book Image

Angular 2 Components

By : Robin Böhm, Nir Kaufman, Thierry Templier Thierry
Book Image

Angular 2 Components

By: Robin Böhm, Nir Kaufman, Thierry Templier Thierry

Overview of this book

This book is a concise guide to Angular 2 Components and is based on the stable version of Angular 2. You will start with learning about the Angular 2 Components architecture and how components differ from Angular directives in Angular 1. You will then move on to quickly set up an Angular 2 development environment and grasp the basics of TypeScript. With this strong foundation in place, you will start building components. The book will teach you, with an example, how to define component behavior, create component templates, and use the controller of your component. You will also learn how to make your components communicate with each other. Once you have built a component, you will learn how to extend it by integrating third-party components with it. By the end of the book, you will be confident with building and using components for your applications.
Table of Contents (16 chapters)
Angular 2 Components
About the Authors
About the Reviewers

The type system

The most famous feature that made TypeScript what it is, is the type system that enables us to leverage a static type checking at compile time. We have already seen the use of types in the previous code examples. It's important to understand that in TypeScript the use of types is optional but highly recommended. As we saw at the beginning of this chapter, the TypeScript compiler breakdown all the types declaration, so the compilation result will be plain JavaScript.

The basic types

TypeScript supports all the basic JavaScript types you expected: Booleans, Numbers, Strings, and Arrays. The following example shows how to use it in code:

// strings
let name: string = "bob";

// boolean
let isLoggedIn: boolean = true;

// number
let height: number = 24;
let width: number = 12;

// arrays
let colors: string[] = ['red', 'green', 'blue'];
let colors: Array<string> = ['red', 'green', 'blue'];

TypeScript also includes extra three types to the mix, namely, enum, any, and void. The...