Angular API Manual

Section

Service examples - Introduction to services and dependency injection
Dependency injection (DI) - Introduction to services and dependency injection
Prerequisites - Getting started
Step 1: Install the Angular CLI - Getting started
Step 2: Create a workspace and initial application - Getting started
Step 3: Serve the application - Getting started
Step 4: Edit your first Angular component - Getting started
Final code review - Getting started
Next steps - Getting started
The Provider object literal - Dependency Providers
Alternative class providers - Dependency Providers
Value providers - Dependency Providers
Factory providers - Dependency Providers
Predefined tokens and multiple providers - Dependency Providers
Tree-shakable providers - Dependency Providers
What classes should I add to the declarations array? - NgModule FAQs
What is a declarable? - NgModule FAQs
What classes should I not add to declarations? - NgModule FAQs
Why list the same component in multiple NgModule properties? - NgModule FAQs
"What does ""Can't bind to 'x' since it isn't a known property of 'y'"" mean? - NgModule FAQs"
What should I import? - NgModule FAQs
Should I import BrowserModule or CommonModule? - NgModule FAQs
What if I import the same module twice? - NgModule FAQs
What should I export? - NgModule FAQs
What should I not export? - NgModule FAQs
Can I re-export classes and modules? - NgModule FAQs
What is the forRoot() method? - NgModule FAQs
Why is a service provided in a feature module visible everywhere? - NgModule FAQs
Why is a service provided in a lazy-loaded module visible only to that module? - NgModule FAQs
What if two modules provide the same service? - NgModule FAQs
How do I restrict service scope to a module? - NgModule FAQs
Should I add application-wide providers to the root AppModule or the root AppComponent? - NgModule FAQs
Should I add other providers to a module or a component? - NgModule FAQs
Why is it bad if a shared module provides a service to a lazy-loaded module? - NgModule FAQs
Why does lazy loading create a child injector? - NgModule FAQs
How can I tell if an NgModule or service was previously loaded? - NgModule FAQs
What is an entry component? - NgModule FAQs
What's the difference between a bootstrap component and an entry component? - NgModule FAQs
When do I add components to entryComponents? - NgModule FAQs
Why does Angular need entryComponents? - NgModule FAQs
What kinds of modules should I have and how should I use them? - NgModule FAQs
What's the difference between NgModules and JavaScript Modules? - NgModule FAQs
How does Angular find components, directives, and pipes in a template? What is a template reference? - NgModule FAQs
What is the Angular compiler? - NgModule FAQs
Configuring application environments - Building and serving Angular apps
Configure target-specific file replacements - Building and serving Angular apps
Configure size budgets - Building and serving Angular apps
Configuring browser compatibility - Building and serving Angular apps
Proxying to a backend server - Building and serving Angular apps
Angular compilation - The Ahead-of-Time (AOT) compiler
Why compile with AOT? - The Ahead-of-Time (AOT) compiler
Controlling app compilation - The Ahead-of-Time (AOT) compiler
Specifying Angular metadata - The Ahead-of-Time (AOT) compiler
Metadata restrictions - The Ahead-of-Time (AOT) compiler
How AOT works - The Ahead-of-Time (AOT) compiler
Phase 1: analysis - The Ahead-of-Time (AOT) compiler
Phase 2: code generation - The Ahead-of-Time (AOT) compiler
Metadata errors - The Ahead-of-Time (AOT) compiler
Phase 3: binding expression validation - The Ahead-of-Time (AOT) compiler
Configuration inheritance with extends - The Ahead-of-Time (AOT) compiler
Angular template compiler options - The Ahead-of-Time (AOT) compiler
Binding to user input events - User Input
Get user input from the $event object - User Input
Get user input from a template reference variable - User Input
Key event filtering (with key.enter) - User Input
On blur - User Input
Put it all together - User Input
Source code - User Input
Summary - User Input
What are structural directives? - Structural Directives
NgIf case study - Structural Directives
The asterisk (*) prefix - Structural Directives
Inside *ngFor - Structural Directives
Inside NgSwitch directives - Structural Directives
Prefer the asterisk (*) syntax. - Structural Directives
The <ng-template> - Structural Directives
Group sibling elements with <ng-container> - Structural Directives
Write a structural directive - Structural Directives
Summary - Structural Directives
Step 1: Prepare the application - App shell
Step 2: Create the app shell - App shell
Step 3: Verify the app is built with the shell content - App shell
SwUpdate service - Service worker communication
More on Angular service workers - Service worker communication
Template-driven validation - Form Validation
Reactive form validation - Form Validation
Custom validators - Form Validation
Control status CSS classes - Form Validation
Cross field validation - Form Validation
Async Validation - Form Validation
Type-ahead suggestions - Practical observable usage
Exponential backoff - Practical observable usage
Schematics concepts - Authoring Schematics
Schematics CLI - Authoring Schematics
Collection contents - Authoring Schematics
Feature modules vs. root modules - Feature Modules
How to make a feature module - Feature Modules
Importing a feature module - Feature Modules
Rendering a feature module��s component template - Feature Modules
More on NgModules - Feature Modules
Adding a service worker to your project - Getting started with service workers
Service worker in action: a tour - Getting started with service workers
More on Angular service workers - Getting started with service workers
package.json - Workspace npm dependencies
Dependencies - Workspace npm dependencies
DevDependencies - Workspace npm dependencies
Related information - Workspace npm dependencies
Autocompletion - Angular Language Service
Error checking - Angular Language Service
Navigation - Angular Language Service
Angular Language Service in your editor - Angular Language Service
Installing in your project - Angular Language Service
How the Language Service works - Angular Language Service
More on Information - Angular Language Service
Overview - Routing & Navigation
The Basics - Routing & Navigation
The sample application - Routing & Navigation
Milestone 1: Getting started - Routing & Navigation
Milestone 2: Routing module - Routing & Navigation
Milestone 3: Heroes feature - Routing & Navigation
Milestone 4: Crisis center feature - Routing & Navigation
Milestone 5: Route guards - Routing & Navigation
Milestone 6: Asynchronous routing - Routing & Navigation
Migrating URLs with Redirects - Routing & Navigation
Inspect the router's configuration - Routing & Navigation
Wrap up and final app - Routing & Navigation
Appendices - Routing & Navigation
Purpose of @NgModule - NgModule API
@NgModule metadata - NgModule API
More on NgModules - NgModule API
tsconfig.json - TypeScript Configuration
TypeScript Typings - TypeScript Configuration
Importing modules - Frequently Used Modules
BrowserModule and CommonModule - Frequently Used Modules
More on NgModules - Frequently Used Modules
Basic usage and terms - Observables
Defining observers - Observables
Subscribing - Observables
Creating observables - Observables
Multicasting - Observables
Error handling - Observables
Getting started - Creating Libraries
Refactoring parts of an app into a library - Creating Libraries
Reusable code and schematics - Creating Libraries
Integrating with the CLI - Creating Libraries
Publishing your library - Creating Libraries
Linked libraries - Creating Libraries
Use TypeScript path mapping for peer dependencies - Creating Libraries
Using your own library in apps - Creating Libraries
Event emitter - Observables in Angular
HTTP - Observables in Angular
Async pipe - Observables in Angular
Router - Observables in Angular
Reactive forms - Observables in Angular
Route configuration - Route transition animations
Router outlet - Route transition animations
Animation definition - Route transition animations
More on Angular animations - Route transition animations
Creating libraries - Overview of Angular Libraries
Angular versioning - Angular versioning and releases
Release frequency - Angular versioning and releases
Release schedule - Angular versioning and releases
Support policy and schedule - Angular versioning and releases
Deprecation practices - Angular versioning and releases
Public API surface - Angular versioning and releases
Angular Labs - Angular versioning and releases
More on NgModules - Types of Feature Modules
Create and register an injectable service - Dependency Injection in Angular
Injecting services - Dependency Injection in Angular
Testing components with dependencies - Dependency Injection in Angular
Services that need other services - Dependency Injection in Angular
Summary - Dependency Injection in Angular
NgModule metadata - Introduction to modules
NgModules and components - Introduction to modules
NgModules and JavaScript modules - Introduction to modules
Angular libraries - Introduction to modules
Preparation - Upgrading for Performance
Upgrading with ngUpgrade - Upgrading for Performance
Using downgradeModule() - Upgrading for Performance
Using ahead-of-time compilation with hybrid apps - Upgrading for Performance
Conclusion - Upgrading for Performance
Overall JSON structure - Angular Workspace Configuration
Project configuration options - Angular Workspace Configuration
Generation schematics - Angular Workspace Configuration
Project tool configuration options - Angular Workspace Configuration
Build target - Angular Workspace Configuration
Project asset configuration - Angular Workspace Configuration
Introduction to Template-driven forms - Template-driven forms
Setup - Template-driven forms
Create the Hero model class - Template-driven forms
Create a form component - Template-driven forms
Revise app.module.ts - Template-driven forms
Revise app.component.html - Template-driven forms
Create an initial HTML form template - Template-driven forms
Add powers with *ngFor - Template-driven forms
Two-way data binding with ngModel - Template-driven forms
Track control state and validity with ngModel - Template-driven forms
Add custom CSS for visual feedback - Template-driven forms
Show and hide validation error messages - Template-driven forms
Submit the form with ngSubmit - Template-driven forms
Toggle two form regions (extra credit) - Template-driven forms
Summary - Template-driven forms
Angular modularity - NgModules
The basic NgModule - NgModules
More on NgModules - NgModules
HTML in templates - Template Syntax
Interpolation and Template Expressions - Template Syntax
Template statements - Template Syntax
Binding syntax: An overview - Template Syntax
Property binding ( [property] ) - Template Syntax
Attribute, class, and style bindings - Template Syntax
Event binding (event) - Template Syntax
Two-way binding ( [(...)] ) - Template Syntax
Built-in directives - Template Syntax
Built-in attribute directives - Template Syntax
Built-in structural directives - Template Syntax
Template reference variables ( #var ) - Template Syntax
Input and Output properties - Template Syntax
Template expression operators - Template Syntax
Built-in template functions - Template Syntax
The declarations array - Bootstrapping
The imports array - Bootstrapping
The providers array - Bootstrapping
The bootstrap array - Bootstrapping
More about Angular Modules - Bootstrapping
Modules - Architecture overview
Components - Architecture overview
Services and dependency injection - Architecture overview
What's next - Architecture overview
Dynamic component loading - Dynamic Component Loader
The anchor directive - Dynamic Component Loader
Loading components - Dynamic Component Loader
Resolving components - Dynamic Component Loader
The AdComponent interface - Dynamic Component Loader
Final ad banner - Dynamic Component Loader
Style vocabulary - Style Guide
File structure conventions - Style Guide
Single responsibility - Style Guide
Naming - Style Guide
Coding conventions - Style Guide
Application structure and NgModules - Style Guide
Components - Style Guide
Directives - Style Guide
Services - Style Guide
Data Services - Style Guide
Lifecycle hooks - Style Guide
Appendix - Style Guide
JavaScript modules - JavaScript Modules vs. NgModules
NgModules - JavaScript Modules vs. NgModules
More on NgModules - JavaScript Modules vs. NgModules
Key differences - Introduction to forms in Angular
Common foundation - Introduction to forms in Angular
Form model setup - Introduction to forms in Angular
Data flow in forms - Introduction to forms in Angular
Form validation - Introduction to forms in Angular
Testing - Introduction to forms in Angular
Mutability - Introduction to forms in Angular
Scalability - Introduction to forms in Angular
Final thoughts - Introduction to forms in Angular
Next steps - Introduction to forms in Angular
Predefined states and wildcard matching - Animations transitions and triggers
Animating entering and leaving a view - Animations transitions and triggers
:enter and :leave aliases - Animations transitions and triggers
:increment and :decrement in transitions - Animations transitions and triggers
Boolean values in transitions - Animations transitions and triggers
Multiple animation triggers - Animations transitions and triggers
Animation callbacks - Animations transitions and triggers
Keyframes - Animations transitions and triggers
More on Angular animations - Animations transitions and triggers
Universal tutorial - Server-side Rendering (SSR): An intro to Angular Universal
Why use server-side rendering? - Server-side Rendering (SSR): An intro to Angular Universal
Universal web servers - Server-side Rendering (SSR): An intro to Angular Universal
Pass data from parent to child with input binding - Component Interaction
Intercept input property changes with a setter - Component Interaction
Intercept input property changes with ngOnChanges() - Component Interaction
Parent listens for child event - Component Interaction
Parent interacts with child via local variable - Component Interaction
Parent calls an @ViewChild() - Component Interaction
Parent and children communicate via a service - Component Interaction
Preparation - Upgrading from AngularJS to Angular
Upgrading with ngUpgrade - Upgrading from AngularJS to Angular
Using Ahead-of-time compilation with hybrid apps - Upgrading from AngularJS to Angular
PhoneCat Upgrade Tutorial - Upgrading from AngularJS to Angular
Appendix: Upgrading PhoneCat Tests - Upgrading from AngularJS to Angular
Using custom elements - Angular Elements Overview
Transforming components to custom elements - Angular Elements Overview
Browser support for custom elements - Angular Elements Overview
Example: A Popup Service - Angular Elements Overview
Typings for custom elements - Angular Elements Overview
High level view - Lazy Loading Feature Modules
Set up an app - Lazy Loading Feature Modules
Create a feature module with routing - Lazy Loading Feature Modules
Add a component to the feature module - Lazy Loading Feature Modules
Add another feature module - Lazy Loading Feature Modules
Set up the UI - Lazy Loading Feature Modules
Configure the routes - Lazy Loading Feature Modules
Confirm it��s working - Lazy Loading Feature Modules
forRoot() and forChild() - Lazy Loading Feature Modules
More on NgModules and routing - Lazy Loading Feature Modules
Service worker and caching of app resources - Service worker in production
Debugging the Angular service worker - Service worker in production
Service Worker Safety - Service worker in production
More on Angular service workers - Service worker in production
Setup - HttpClient
Getting JSON data - HttpClient
Error handling - HttpClient
Observables and operators - HttpClient
Requesting non-JSON data - HttpClient
Sending data to the server - HttpClient
Advanced usage - HttpClient
Security: XSRF Protection - HttpClient
Testing HTTP requests - HttpClient
Using pipes - Pipes
Built-in pipes - Pipes
Parameterizing a pipe - Pipes
Chaining pipes - Pipes
Custom pipes - Pipes
The PipeTransform interface - Pipes
Power Boost Calculator - Pipes
Pipes and change detection - Pipes
Pure and impure pipes - Pipes
Next steps - Pipes
Appendix: No FilterPipe or OrderByPipe - Pipes
Where to configure providers - Hierarchical Dependency Injectors
Injector bubbling - Hierarchical Dependency Injectors
Component injectors - Hierarchical Dependency Injectors
Observable creation functions - The RxJS library
Operators - The RxJS library
Error handling - The RxJS library
Naming conventions for observables - The RxJS library
Reporting vulnerabilities - Security
Best practices - Security
Preventing cross-site scripting (XSS) - Security
Trusting safe values - Security
HTTP-level vulnerabilities - Security
Auditing Angular applications - Security
Providing a service - Providers
Provider scope - Providers
providedIn and NgModules - Providers
Limiting provider scope by lazy loading modules - Providers
Limiting provider scope with components - Providers
Providing services in modules vs. components - Providers
More on NgModules - Providers
Schematics for the Angular CLI - Schematics
Developing schematics for libraries - Schematics
Angular and i18n - Internationalization (i18n)
Setting up the locale of your app - Internationalization (i18n)
i18n pipes - Internationalization (i18n)
Template translations - Internationalization (i18n)
Regular expressions for plurals and selections - Internationalization (i18n)
Create a translation source file - Internationalization (i18n)
Translate the source text - Internationalization (i18n)
Translating plural and select expressions - Internationalization (i18n)
Merge the completed translation file into the app - Internationalization (i18n)
Component metadata - Introduction to components
Templates and views - Introduction to components
Template syntax - Introduction to components
Showing component properties with interpolation - Displaying Data
Template inline or template file? - Displaying Data
Constructor or variable initialization? - Displaying Data
Showing an array property with *ngFor - Displaying Data
Creating a class for the data - Displaying Data
Conditional display with NgIf - Displaying Data
Summary - Displaying Data
Bootstrap - Dynamic Forms
Question model - Dynamic Forms
Question form components - Dynamic Forms
Questionnaire data - Dynamic Forms
Dynamic Template - Dynamic Forms
Installing libraries - Using Published Libraries
Updating libraries - Using Published Libraries
Adding a library to the runtime global scope - Using Published Libraries
Polyfills - Browser support
Enabling polyfills - Browser support
Polyfills for non-CLI users - Browser support
Directives overview - Attribute Directives
Build a simple attribute directive - Attribute Directives
Apply the attribute directive - Attribute Directives
Respond to user-initiated events - Attribute Directives
Pass values into the directive with an @Input data binding - Attribute Directives
Write a harness to try it - Attribute Directives
Bind to a second property - Attribute Directives
Summary - Attribute Directives
Creating reusable animations - Reusable animations
More on Angular animations - Reusable animations
Workspace files - Workspace and project file structure
App source folder - Workspace and project file structure
Component lifecycle hooks overview - Lifecycle Hooks
Lifecycle sequence - Lifecycle Hooks
Interfaces are optional (technically) - Lifecycle Hooks
Other Angular lifecycle hooks - Lifecycle Hooks
Lifecycle examples - Lifecycle Hooks
Peek-a-boo: all hooks - Lifecycle Hooks
Spying OnInit and OnDestroy - Lifecycle Hooks
OnChanges() - Lifecycle Hooks
DoCheck() - Lifecycle Hooks
AfterView - Lifecycle Hooks
AfterContent - Lifecycle Hooks
Nested service dependencies - Dependency Injection in Action
Limit service scope to a component subtree - Dependency Injection in Action
Multiple service instances (sandboxing) - Dependency Injection in Action
Qualify dependency lookup with parameter decorators - Dependency Injection in Action
Inject the component's DOM element - Dependency Injection in Action
Define dependencies with providers - Dependency Injection in Action
Provider token alternatives: class interface and 'InjectionToken' - Dependency Injection in Action
Inject into a derived class - Dependency Injection in Action
Break circularities with a forward class reference (forwardRef) - Dependency Injection in Action
Simple deployment options - Deployment
Server configuration - Deployment
Production optimizations - Deployment
The base tag - Deployment
About this guide - Introduction to Angular animations
Getting started - Introduction to Angular animations
Animating a simple transition - Introduction to Angular animations
Animations API summary - Introduction to Angular animations
More on Angular animations - Introduction to Angular animations
Using component styles - Component Styles
Style scope - Component Styles
Special selectors - Component Styles
Loading component styles - Component Styles
View encapsulation - Component Styles
Inspecting generated CSS - Component Styles
Creating a schematics collection - Schematics for Libraries
Providing installation support - Schematics for Libraries
Building your schematics - Schematics for Libraries
Providing generation support - Schematics for Libraries
Define a generation rule - Schematics for Libraries
Running your library schematic - Schematics for Libraries
Clone - Setup for local development
Download - Setup for local development
Delete non-essential files (optional) - Setup for local development
What's in the QuickStart seed? - Setup for local development
Appendix: Node.js and npm - Setup for local development
Appendix: Why develop locally - Setup for local development
Appendix: develop locally with IE - Setup for local development
Appendix: test using fakeAsync()/async() - Setup for local development
Setup - Testing
Set up continuous integration - Testing
Enable code coverage reports - Testing
Service Tests - Testing
Component Test Basics - Testing
Component Test Scenarios - Testing
Attribute Directive Testing - Testing
Pipe Testing - Testing
Test debugging - Testing
Testing Utility APIs - Testing
Frequently Asked Questions - Testing
Getting notified of new releases - Updating your Angular projects
Learning about new features - Updating your Angular projects
Checking your version of Angular - Updating your Angular projects
Finding the current version of Angular - Updating your Angular projects
Updating your environment and apps - Updating your Angular projects
Resource summary - Updating your Angular projects
Service workers in Angular - Angular service worker introduction
Prerequisites - Angular service worker introduction
Related resources - Angular service worker introduction
More on Angular service workers - Angular service worker introduction
A bootstrapped entry component - Entry Components
A routed entry component - Entry Components
The entryComponents array - Entry Components
More on Angular modules - Entry Components
Responsive programming - Next steps: tools and techniques
Client-server interaction - Next steps: tools and techniques
Domain-specific libraries - Next steps: tools and techniques
Support for the development cycle - Next steps: tools and techniques
Setup, build, and deployment configuration - Next steps: tools and techniques
Animate multiple elements using query() and stagger() functions - Complex animation sequences
Parallel animation using group() function - Complex animation sequences
Sequential vs. parallel animations - Complex animation sequences
Filter animation example - Complex animation sequences
Animation sequence summary - Complex animation sequences
More on Angular animations - Complex animation sequences
Introduction to reactive forms - Reactive Forms
Getting started - Reactive Forms
Managing control values - Reactive Forms
Grouping form controls - Reactive Forms
Creating nested form groups - Reactive Forms
Partial model updates - Reactive Forms
Generating form controls with FormBuilder - Reactive Forms
Simple form validation - Reactive Forms
Dynamic controls using form arrays - Reactive Forms
Appendix - Reactive Forms
Providing a singleton service - Singleton services
The forRoot() pattern - Singleton services
Prevent reimport of the GreetingModule - Singleton services
More on NgModules - Singleton services
Template basics - AngularJS to Angular Concepts: Quick Reference
Template directives - AngularJS to Angular Concepts: Quick Reference
Filters/pipes - AngularJS to Angular Concepts: Quick Reference
Modules/controllers/components - AngularJS to Angular Concepts: Quick Reference
Style sheets - AngularJS to Angular Concepts: Quick Reference
More on NgModules - Sharing Modules
appData - Service worker configuration
index - Service worker configuration
assetGroups - Service worker configuration
dataGroups - Service worker configuration
navigationUrls - Service worker configuration
Observables compared to promises - Observables compared to other techniques
Observables compared to events API - Observables compared to other techniques
Observables compared to arrays - Observables compared to other techniques

Decorator

Guide

Section

Package

Class

Property

Method

Function

Module

Directive

Interface

Constant

Type

Decorator

Enumeration

Pipe