Cookies concent notice

This site uses cookies from Google to deliver its services and to analyze traffic.

Skip to main content

Say hello to Angular's future home!Check out Angular.dev

Docs
Community
Blog

/

What is Angular?

Getting started

Adding navigation

Using forms for user input

Deploying an application

Component lifecycle

View encapsulation

Component interaction

Component styles

Sharing data between child and parent directives and components

Content projection

Dynamic components

Angular elements

Text interpolation

Template statements

Understanding binding

Property binding

Attribute binding

Class and style binding

Two-way binding

Understanding pipes

Using a pipe in a template

Transforming data with parameters and chained pipes

Pipe precedence in template expressions

Template reference variables

SVG as templates

Built-in directives

Attribute directives

Structural directives

Directive composition API

Dependency injection in Angular

Understanding dependency injection

Creating an injectable service

Defining dependency providers

Injection context

Hierarchical injectors

Standalone components

Migrating to standalone

Slow computations

Skipping component subtrees

Common routing tasks

Tutorial: routing in single-page applications

Tutorial: creating custom route matches

Tutorial: adding routing to Tour of Heroes

Router reference

Strictly typed reactive forms in depth

Validate form input

Building dynamic forms

esbuild-based Builds

Understanding HTTP

Setup for server communication

Request data from a server

Make a JSONP request

Handle request errors

Send data to a server

Configure URL parameters

Intercept requests and responses

Interceptor use-cases

Pass metadata to interceptors

Track and show request progress

Optimize server communication

Cross-Site Request Forgery (XSRF) protection

Deferrable views

Image optimization

Intro to testing

Testing services

Basics of testing components

Component testing scenarios

Testing attribute directives

Debugging tests

Testing utility APIs

Add the localize package

Refer to locales by ID

Format data based on locale

Prepare component for translation

Work with translation files

Merge translations into the app

Deploy multiple locales

Example Angular application

Import global variants of the locale data

Manage marked text with custom IDs

Transition and Triggers

Complex Sequences

Reusable Animations

Route transition animations

Getting started

Service worker communication

Service worker notifications

Service worker in production

Service worker configuration

Server-side rendering

Libraries overview

Using published libraries

Creating libraries

Angular package format

Built-in control flow

RxJS Interop for Signals

Keeping up-to-date

Property binding best practices

Lazy loading feature modules

Lightweight injection tokens for libraries

Deploying applications

Ahead-of-Time compilation

Angular compiler options

AOT metadata errors

Template type-checking

Building & serving

Language service

Schematics Overview

Authoring schematics

Schematics for libraries

Create home component

Create housing location component

Create an interface

Add inputs to components

Add property binding to components

Add dynamic values to templates

Use *ngFor in templates

Angular services

Customize the details page

Integrate Angular forms

Add search functionality

Add HTTP communication

Create a project

1. The hero editor

2. Display a list

3. Create a feature component

4. Add services

5. Add navigation

6. Get data from a server

Building a template-driven form

Update Angular to the latest version

Release practices

Version compatibility

Browser support

Upgrade instructions

Setup for upgrading from AngularJS

Upgrading for performance

AngularJS to Angular concepts

Intro to basic concepts

Intro to components

Intro to services and DI

How event binding works

Template variables

Project file structure

Workspace configuration

npm dependencies

TypeScript configuration

NgModules introduction

JS Modules vs NgModules

Launching apps with a root module

Frequently used NgModules

Types of feature modules

Feature modules

Providing dependencies

Singleton services

Sharing NgModules

Observables overview

The RxJS library

Observables in Angular

Practical usage

Compare to other techniques

ng extract-i18n

NG0100: Expression Changed After Checked

NG01101: Wrong Async Validator Return Type

NG01203: Missing value accessor

NG0200: Circular Dependency in DI

NG0201: No Provider Found

NG0203: `inject()` must be called from an injection context

NG0209: Invalid multi provider

NG02200: Missing Iterable Differ

NG02800: JSONP support in HttpClient configuration

NG0300: Selector Collision

NG0301: Export Not Found

NG0302: Pipe Not Found

NG0403: Bootstrapped NgModule doesn't specify which component to initialize

NG0500: Hydration Node Mismatch

NG0501: Hydration Missing Siblings

NG0502: Hydration Missing Node

NG0503: Hydration Unsupported Projection of DOM Nodes

NG0504: Skip hydration flag is applied to an invalid node

NG0505: No hydration info in server response

NG0506: NgZone remains unstable

NG0507: HTML content was altered after server-side rendering

NG05104: Root element was not found.

NG0910: Unsafe bindings on an iframe element

NG0912: Component ID generation collision

NG0913: Runtime Performance Warnings

NG1001: Argument Not Literal

NG2003: Missing Token

NG2009: Invalid Shadow DOM selector

NG3003: Import Cycle Detected

NG5000: Hydration with unsupported Zone.js instance.

NG602: Disallowed function call inside reactive context

NG6100: NgModule.id Set to module.id anti-pattern

NG8001: Invalid Element

NG8002: Invalid Attribute

NG8003: Missing Reference Target

Extended Diagnostics Overview

NG8101: Invalid Banana-in-Box

NG8102: Nullish coalescing not nullable

NG8103: Missing control flow directive

NG8104: Text attribute not binding

NG8105: Missing `let` keyword in an *ngFor expression

NG8106: Suffix not supported

NG8107: Optional chain not nullable

NG8108: ngSkipHydration should be a static attribute

NG8109: Signals must be invoked in template interpolations.

Example applications

Angular glossary

Quick reference

Coding style guide

Review documentation

Update search keywords

Prepare to edit documentation

Select a documentation issue

Start to edit a documentation topic

Make and save changes to a documentation topic

Resolve documentation linter messages

Build and test documentation

Prepare documentation for a pull request

Open a documentation pull request

Update a documentation pull request in progress

Finish up a documentation pull request

Documentation style guide

Angular doc localization guidelines

API > @angular/router

PRIMARY_OUTLET

const

The primary routing outlet.

      
      const PRIMARY_OUTLET: "primary";

Resources

About
Resource listing
Press kit
Blog

Help

Stack Overflow
Join Discord
Gitter
Report Issues
Code of Conduct
Privacy Policy

Community

Events
Meetups
Twitter
GitHub
Contribute

Languages

简体中文版
正體中文版
日本語版
한국어
Complete language list

Super-powered by Google ©2010-2023.

Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.

Version 17.0.5-local+sha.935fa8f.

The modern web
developer's platform

This website requires JavaScript.