Angular 2 Components电子书

Angular 2 Components

Table of Contents

Angular 2 Components

Credits

About the Authors

About the Reviewers

www.PacktPub.com

eBooks, discount offers, and more

Why subscribe?

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Downloading the color images of this book

Errata

Piracy

Questions

1. Angular 2 Component Architecture

The Model-View-Controller pattern

MVC in Angular 1

Moving from views to components

Defining components

Breaking the application into components

Summary

2. Setting Up an Angular 2 Development Environment with angular-cli

Node and npm

Installing Node

Introducing npm

Installing angular-cli

Generating an Angular 2 project

Choosing an IDE

Summary

3. The TypeScript Primer

Introduction to TypeScript

Managing dependencies with modules

The export and import statements

The default exports

Classes

The type system

The basic types

The custom types

About generics

Using decorators

Decorators versus annotations

Summary

4. Building a Basic Component

Bootstrapping the application

The component selector

Selector options

The component template

Embedding styles in component template

The shadow DOM

Encapsulation modes

Data bindings

Summary

5. Building Dynamic Components

Data interpolation

Core directives

NgIf

The asterisk – *

NgClass

NgStyle

NgSwitch

NgFor

Property bindings

Event bindings

Two-way bindings

Summary

6. Component Communication

Passing data via properties

Emitting custom events

Referencing with a local variable

Querying child components with the parent component

Summary

7. Putting It All Together

Preparing our development environment

The accordion component

Extending the accordion component tree

The component life cycle

Life cycle event interfaces

OnInit and OnDestroy

OnChanges

Other life cycle events

Summary

8. Integrating Third-Party Components

Preparing our development environment

Importing dependencies

Bootstrap tooltip component

Bootstrap collapse component

Summary

9. Angular 2 Directives

Components and directives in Angular 2

Preparing our development environment

The basic attribute directive

ElementRef and Renderer

Reacting to events from the host element

Passing properties to the directive

The basic structural directive

Summary

Index