Return to Angular

• Glossary of Angular Terms

Creating a glossary that includes the top 40 Angular framework concepts and tools, sorted by their most commonly used, involves highlighting foundational elements of Angular development. Angular is a platform and framework for building single-page client applications using HTML and TypeScript. It's known for its dependency injection, declarative templates, end-to-end tooling, and integrated best practices to solve development challenges.

Below is a glossary formatted in MediaWiki markup, showcasing essential Angular concepts and tools with examples:

This glossary lists and explains the top 40 Angular framework concepts and tools, focusing on those most commonly used in Angular development. Each entry provides a brief description and code or usage example.

Components are the basic building blocks of Angular applications. They control a patch of screen called a view.

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'angular-app';
}

Angular modules (NgModule) help organize an application into cohesive blocks of functionality.

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Templates define views in Angular. They are written with HTML that contains Angular-specific elements and attributes.

<p>{{ title }}</p>

Metadata decorates a class so that Angular knows what to do with it. Use decorators to add metadata.

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html'
})

Data binding is the mechanism to coordinate parts of a template with parts of a component.

<input [(ngModel)]="name" placeholder="Enter name">

Directives modify the layout and behavior of DOM elements.

<p *ngIf="condition">Content to render conditionally.</p>

Services are singleton objects that provide functionality for various Angular components.

@Injectable({
  providedIn: 'root'
})
export class ExampleService {
}

Angular's dependency injection system provides dependencies to components and services.

constructor(private exampleService: ExampleService) { }

The Angular Router enables navigation from one view to the next as users perform application tasks.

const routes: Routes = [
  { path: 'home', component: HomeComponent }
];

HttpClient is Angular's mechanism for communicating with a remote server over HTTP.

this.http.get('/api/items').subscribe(data => {
  console.log(data);
});

Angular provides two approaches to forms: reactive forms and template-driven forms.

<form [formGroup]="myForm">
  <input formControlName="firstName">
</form>

Pipes transform displayed values within a template.

<p>The hero's birthday is {{ birthday ]] | [[ date }}</p>

Observables provide support for passing messages between parts of your application.

this.exampleService.getData().subscribe(data => this.data = data);

Lifecycle hooks allow you to tap into the lifecycle of directives and components.

ngOnInit(): void {
  console.log('Component initialized');
}

Angular's animation system lets you define animations in your applications.

animations: [
  trigger('openClose', [
    state('open', style({
      height: '200px',
      opacity: 1,
      backgroundColor: 'yellow'
    })),
    state('closed', style({
      height: '100px',
      opacity: 0.5,
      backgroundColor: 'green'
    })),
    transition('open => closed', [
      animate('1s')
    ]),
    transition('closed => open', [
      animate('0.5s')
    ]),
  ]),
]

The Angular CLI is a command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications. Usage example: ``` ng generate component my-new-component ```

Angular Material provides modern UI components for Angular applications. Usage example: ``` import {MatButtonModule} from '@angular/material/button'; ```

Lazy loading is a technique in Angular that allows you to load JavaScript components asynchronously when a specific route is activated.

const routes: Routes = [
  {
    path: 'feature',
    loadChildren: () => import('./feature/feature.module').then(m => m.FeatureModule)
  }
];

RxJS is a library for composing asynchronous and event-based programs

by using observable sequences.

import { of } from 'rxjs';
of(1, 2, 3).subscribe(x => console.log(x));

Angular Universal is a technology that renders Angular applications on the server. Usage example: ``` ng add @nguniversal/express-engine ```

AOT compilation converts Angular HTML and TypeScript code into efficient JavaScript code during the build phase before the browser downloads and runs that code. Usage example: ``` ng build –aot ```

Zone.js is a library that Angular uses for detecting and debugging asynchronous operations.

// Example usage in Angular context

Angular's change detection mechanism automatically updates the DOM when your model changes.

@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
  selector: 'app-cmp',
  templateUrl: './app.component.html'
})

The `ngModel` directive binds an HTML form element to a property on the scope.

<input [(ngModel)]="name">

Interceptors are a way to do preprocessing and postprocessing of HTTP requests and responses.

@Injectable()
export class MyInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // Modify request here
    return next.handle(req);
  }
}

Structural directives change the DOM layout by adding and removing DOM elements.

<div *ngIf="condition">Show this div if condition is true</div>

Attribute directives change the appearance or behavior of an element, component, or another directive.

<button [ngStyle]="{color: 'red'}">Red Button</button>

Providers define how the injector can be created for an NgModule.

@NgModule({
  providers: [ExampleService]
})

Event binding allows you to listen to events such as keystrokes, mouse movements, clicks, and touches.

<button (click)="onClick()">Click me</button>

Property binding in Angular helps you set values for properties of HTML elements.

<img [src]="userImageUrl">

Two-way binding gives your app a way to share data between a component class and its template.

<input [(ngModel)]="user.name">

Angular provides testing utilities like Jasmine and Karma for unit testing components and services.

it('should create', () => {
  expect(component).toBeTruthy();
});

Decorators are design patterns that are used to separate modification or decoration of a class without modifying the original source code.

@Injectable({
  providedIn: 'root'
})
export class MyService {
}

Dynamic components are components that are created dynamically at runtime in Angular applications.

@Component({
  entryComponents: [MyDynamicComponent]
})

This glossary covers foundational Angular concepts and tools, providing a solid foundation for understanding and utilizing Angular's capabilities in web development.

This overview captures essential Angular features and tools, offering insights into Angular's capabilities for developers looking to build dynamic and responsive web applications.

Angular has its own Angular vocabulary. Most Angular terms are common English words or computing terms that have a specific meaning within the Angular system.

This glossary of Angular vocabular lists the most prominent Angular terms and a few less familiar ones with unusual or unexpected definitions.

• ahead-of-time (AOT) compilation - The Angular ahead-of-time (AOT) compiler converts Angular HTML and TypeScript code into efficient JavaScript code during the build phase. The build phase occurs before the browser downloads and runs the rendered code. This is the best compilation mode for production environments, with decreased load time and increased performance compared to just-in-time (JIT) compilation.

By compiling your application using the ngc command-line tool, you can bootstrap directly to a module factory, so you do not need to include the Angular compiler in your JavaScript bundle.

• Angular element - An Angular component packaged as a custom element.

Learn more in Angular Elements Overview

• Angular package format (APF) - An Angular specific specification for layout of npm packages that is used by all first-party Angular packages, and most third-party Angular libraries.

Learn more in the Angular Package Format specification.

• Angular annotation - A structure that provides metadata for a class. To learn more, see decorator.

• Angular app-shell - App shell is a way to render a portion of your application using a route at build time. This gives users a meaningful first paint of your application that appears quickly because the browser can render static HTML and CSS without the need to initialize JavaScript. To learn more, see The App Shell Model.

You can use the Angular CLI to generate an app shell. This can improve the user experience by quickly launching a static rendered page while the browser downloads the full client version and switches to it automatically after the code loads. A static rendered page is a skeleton common to all pages. To learn more, see Service Worker and PWA.

• Angular Architect - The tool that the Angular CLI uses to perform complex tasks such as compilation and test running, according to a provided configuration. Architect is a shell that runs a builder with a given target configuration. The builder is defined in an npm package.

In the workspace configuration file, an “architect” section provides configuration options for Architect builders.

For example, a built-in builder for linting is defined in the package @angular-devkit/build_angular:tslint, which uses the TSLint tool to perform linting, with a configuration specified in a tslint.json file.

Use the ng run Angular CLI command to invoke a builder by specifying a target configuration associated with that builder. Integrators can add builders to enable tools and workflows to run through the Angular CLI. For example, a custom builder can replace the third-party tools used by the built-in implementations for Angular CLI commands, such as ng build or ng test.

• Angular attribute directive - A category of directive that can listen to and modify the behavior of other HTML elements, attributes, properties, and components. They are usually represented as HTML attributes, hence the name.

Learn more in Attribute Directives.

• Angular binding - Generally, the practice of setting a variable or property to a data value. Within Angular, typically refers to data binding, which coordinates DOM object properties with data object properties.

Sometimes refers to a Angular dependency-injection binding between an Angular token and an Angular dependency provider.

• Angular bootstrap - A way to initialize and launch an application or system.

In Angular, the AppModule root NgModule of an application has a bootstrap property that identifies the top-level components of the application. During the bootstrap process, Angular creates and inserts these components into the index.html host web page. You can bootstrap multiple applications in the same index.html. Each application contains its own components.

Learn more in Angular Bootstrapping.

• Angular builder - A function that uses the Architect API to perform a complex process such as build or test. The builder code is defined in an npm package.

For example, BrowserBuilder runs a webpack build for a browser target and KarmaBuilder starts the Karma server and runs a webpack build for unit tests.

The ng run Angular CLI command invokes a builder with a specific target configuration. The workspace configuration file, angular.json, contains default configurations for built-in builders.

• Angular case types - Angular uses capitalization conventions to distinguish the names of various types, as described in the naming guidelines section of the Style Guide. Here is a summary of the case types:

DETAILS EXAMPLE camelCase Symbols, properties, methods, pipe names, non-component directive selectors, constants. Standard or lower camel case uses lowercase on the first letter of the item. selectedHero UpperCamelCase PascalCase Class names, including classes that define components, interfaces, NgModules, directives, and pipes. Upper camel case uses uppercase on the first letter of the item. HeroComponent dash-case kebab-case Descriptive part of file names, component selectors. app-hero-list underscore_case snake_case Not typically used in Angular. Snake case uses words connected with underscores. convert_link_mode UPPER_UNDERSCORE_CASE UPPER_SNAKE_CASE SCREAMING_SNAKE_CASE Traditional for constants. This case is acceptable, but camelCase is preferred. Upper snake case uses words in all capital letters connected with underscores. FIX_ME change detection The mechanism by which the Angular framework synchronizes the state of the UI of an application with the state of the data. The change detector checks the current state of the data model whenever it runs, and maintains it as the previous state to compare on the next iteration.

As the application logic updates component data, values that are bound to DOM properties in the view can change. The change detector is responsible for updating the view to reflect the current data model. Similarly, the user can interact with the UI, causing events that change the state of the data model. These events can trigger change detection.

Using the default change-detection strategy, the change detector goes through the view hierarchy on each VM turn to check every data-bound property in the template. In the first phase, it compares the current state of the dependent data with the previous state, and collects changes. In the second phase, it updates the page DOM to reflect any new data values.

If you set the OnPush change-detection strategy, the change detector runs only when explicitly invoked, or when it is triggered by an Input reference change or event handler. This typically improves performance. To learn more, see Optimize the change detection in Angular.

class decorator A decorator that appears immediately before a class definition, which declares the class to be of the given type, and provides metadata suitable to the type.

The following decorators can declare Angular class types.

@Component() @Directive() @Pipe() @Injectable() @NgModule() class field decorator A decorator statement immediately before a field in a class definition that declares the type of that field. Some examples are @Input and @Output.

collection In Angular, a set of related schematics collected in an npm package.

command-line interface (CLI) The Angular CLI is a command-line tool for managing the Angular development cycle. Use it to create the initial filesystem scaffolding for a workspace or project, and to run schematics that add and modify code for initial generic versions of various elements. The Angular CLI supports all stages of the development cycle, including building, testing, bundling, and deployment.

To begin using the Angular CLI for a new project, see Local Environment Setup. To learn more about the full capabilities of the Angular CLI, see the Angular CLI command reference. See also Schematics CLI.

component A class with the @Component() decorator that associates it with a companion template. Together, the component class and template define a view. A component is a special type of directive. The @Component() decorator extends the @Directive() decorator with template-oriented features.

An Angular component class is responsible for exposing data and handling most of the display and user-interaction logic of the view through data binding.

Read more about component classes, templates, and views in Introduction to Angular concepts.

configuration See workspace configuration

content projection A way to insert DOM content from outside a component into the view of the component in a designated spot.

To learn more, see Responding to changes in content.

custom element A web platform feature, currently supported by most browsers and available in other browsers through polyfills. See Browser support.

The custom element feature extends HTML by allowing you to define a tag whose content is created and controlled by JavaScript code. A custom element is recognized by a browser when it is added to the CustomElementRegistry. A custom element is also referenced as a web component.

You can use the API to transform an Angular component so that it can be registered with the browser and used in any HTML that you add directly to the DOM within an Angular application. The custom element tag inserts the view of the component, with change-detection and data-binding functionality, into content that would otherwise be displayed without Angular processing. See Angular element. See also dynamic component loading.

data binding A process that allows applications to display data values to a user and respond to user actions. User actions include clicks, touches, keystrokes, and so on.

In data binding, you declare the relationship between an HTML widget and a data source and let the framework handle the details. Data binding is an alternative to manually pushing application data values into HTML, attaching event listeners, pulling changed values from the screen, and updating application data values.

Read about the following forms of binding of the Template Syntax in Angular:

Interpolation Property binding Event binding Attribute binding Class and style binding Two-way data binding with ngModel declarable A class that you can add to the declarations list of an NgModule. You can declare components, directives, and pipes, unless they have the standalone flag in their decorators set to true, which makes them standalone. Note: standalone components/directives/pipes are not declarables. More info about standalone classes can be found below.

Do not declare the following:

A class already declared as standalone. A class that is already declared in another NgModule. An array of directives imported from another package. For example, do not declare FORMS_DIRECTIVES from @angular/forms. NgModule classes. Service classes. Non-Angular classes and objects, such as strings, numbers, functions, entity models, configurations, business logic, and helper classes. Note that declarables can also be declared as standalone and simply be imported inside other standalone components or existing NgModules, to learn more, see the Standalone components guide.

decorator ]] | phone. src/app/app.component.html content_copy <input #phone placeholder="phone number" /> To learn more, see Template reference variable. template input variable A template input variable is a variable you can reference within a single instance of the template. You declare a template input variable using the let keyword as in let customer. content_copy <tr *ngFor="let customer of customers;"> <td>{{customer.customerNo}}</td> <td>{{customer.name}}</td> <td>{{customer.address}}</td> <td>{{customer.city}}</td> <td>{{customer.state}}</td> <button (click)="selectedCustomer=customer">Select</button> </tr> Read and learn more about template input variables. token An opaque identifier used for efficient table lookup. In Angular, a DI token is used to find providers of dependencies in the dependency injection system. transpile The translation process that transforms one version of JavaScript to another version; for example, down-leveling ES2015 to the older ES5 version. tree In schematics, a virtual file system represented by the Tree class. Schematic rules take a tree object as input, operate on them, and return a new tree object. TypeScript A programming language based on JavaScript that is notable for its optional typing system. TypeScript provides compile-time type checking and strong tooling support The type checking and tooling support include code completion, refactoring, inline documentation, and intelligent search. Many code editors and IDEs support TypeScript either natively or with plug-ins. TypeScript is the preferred language for Angular development. To learn more about TypeScript, see typescriptlang.org. TypeScript configuration file A file specifies the root files and the compiler options required to compile a TypeScript project. To learn more, see TypeScript configuration. ==U== * [[Angular unidirectional data flow - A data flow model where the component tree is always checked for changes in one direction from parent to child, which prevents cycles in the change detection graph.

In practice, this means that data in Angular flows downward during change detection. A parent component can easily change values in its child components because the parent is checked first. A failure could occur, however, if a child component tries to change a value in its parent during change detection (inverting the expected data flow), because the parent component has already been rendered. In development mode, Angular throws the ExpressionChangedAfterItHasBeenCheckedError error if your application attempts to do this, rather than silently failing to render the new value.

To avoid this error, a lifecycle hook method that seeks to make such a change should trigger a new change detection run. The new run follows the same direction as before, but succeeds in picking up the new value.

• Angular Universal - A tool for implementing server-side rendering of an Angular application. When integrated with an app, Universal generates and serves static pages on the server in response to requests from browsers. The initial static page serves as a fast-loading placeholder while the full application is being prepared for normal execution in the browser. To learn more, see Angular Universal: server-side rendering.

• Angular view - The smallest grouping of display elements that can be created and destroyed together. Angular renders a view under the control of one or more directives.

A component class and its associated template define a view. A view is specifically represented by a ViewRef instance associated with a component. A view that belongs immediately to a component is referenced as a host view. Views are typically collected into view hierarchies.

Properties of elements in a view can change dynamically, in response to user actions; the structure (number and order) of elements in a view cannot. You can change the structure of elements by inserting, moving, or removing nested views within their view containers.

View hierarchies can be loaded and unloaded dynamically as the user navigates through the application, typically under the control of a router.

• Angular View Engine - “A previous compilation and rendering pipeline used by Angular. It has since been replaced by Ivy and is no longer in use. View Engine was deprecated in version 9 and removed in version 13.”

• Angular view hierarchy - “A tree of related views that can be acted on as a unit. The root view referenced as the host view of a component. A host view is the root of a tree of embedded views, collected in a ViewContainerRef view container attached to an anchor element in the hosting component. The view hierarchy is a key part of Angular change detection.”

The view hierarchy does not imply a component hierarchy. Views that are embedded in the context of a particular hierarchy can be host views of other components. Those components can be in the same NgModule as the hosting component, or belong to other NgModules.

• Angular web component - See Angular custom element.

• Angular workspace - “A collection of Angular projects (that is, applications and libraries) powered by the Angular CLI that are typically co-located in a single source-control repository (such as git).”

“The ng new Angular CLI command creates a file system directory (the “workspace root”). In the workspace root, it also creates the workspace configuration file (angular.json) and, by default, an initial application project with the same name.”

Commands that create or operate on applications and libraries (such as add and generate) must be executed from within a workspace directory. To learn more, see Workspace Configuration.

• Angular workspace configuration - “A file named angular.json at the root level of an Angular workspace provides workspace-wide and project-specific Angular configuration defaults for build and development tools that are provided by or integrated with the Angular CLI. To learn more, see Angular Workspace Configuration.

Additional project-specific configuration files are used by tools, such as package.json for the npm package manager, tsconfig.json for TypeScript transpilation, and tslint.json for TSLint. To learn more, see Workspace and Project File Structure.

• Angular zone - “An execution context for a set of asynchronous tasks. Useful for debugging, profiling, and testing applications that include asynchronous operations such as event processing, promises, and runs to remote servers.”

An Angular application runs in a zone where it can respond to asynchronous events by checking for data changes and updating the information it displays by resolving data bindings.

A zone client can take action before and after an async operation completes.

Learn more about zones in this Brian Ford video.

Last reviewed on Mon Feb 28 2022

Super-powered by Google ©2010-2023.

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

Version 15.1.6-local+sha.c176a7101a.

Fair Use Sources:

• https://angular.io/guide/glossary

Angular Framework, Angular Component, Angular Module, Angular Service, Angular Directive, Angular Pipe, Angular Template, Angular Decorator, Angular Metadata, Angular Dependency Injection, Angular NgModule, Angular BrowserModule, Angular CommonModule, Angular FormsModule, Angular ReactiveFormsModule, Angular Router, Angular RouterModule, Angular RouterLink, Angular RouterOutlet, Angular Route Guard, Angular CanActivate, Angular CanDeactivate, Angular CanActivateChild, Angular Resolve, Angular CanLoad, Angular HttpClient, Angular HttpClientModule, Angular HttpInterceptor, Angular HttpHeaders, Angular HttpParams, Angular HttpResponse, Angular HttpRequest, Angular HttpBackend, Angular Interceptor, Angular Compiler, Angular Ivy, Angular Ahead-of-Time Compilation (AOT), Angular Just-in-Time Compilation (JIT), Angular Universal, Angular SSR (Server-Side Rendering), Angular CLI, Angular ng serve, Angular ng build, Angular ng test, Angular ng generate, Angular ng add, Angular ng update, Angular ng lint, Angular ng run, Angular ng deploy, Angular ng e2e, Angular ApplicationRef, Angular PlatformBrowser, Angular PlatformBrowserDynamic, Angular enableProdMode, Angular Renderer2, Angular ElementRef, Angular TemplateRef, Angular ViewContainerRef, Angular ChangeDetectorRef, Angular IterableDiffers, Angular KeyValueDiffers, Angular NgZone, Angular Sanitizer, Angular DomSanitizer, Angular Title, Angular Meta, Angular TransferState, Angular makeStateKey, Angular TestBed, Angular async Test, Angular fakeAsync Test, Angular tick Function, Angular flush Function, Angular discardPeriodicTasks, Angular flushMicrotasks, Angular By (DebugElement), Angular DebugElement, Angular ComponentFixture, Angular ComponentFactoryResolver, Angular CompilerFactory, Angular CompilerOptions, Angular CompilerModule, Angular COMPILER_OPTIONS Token, Angular APP_INITIALIZER Token, Angular APP_BOOTSTRAP_LISTENER Token, Angular PLATFORM_ID Token, Angular DOCUMENT Token, Angular LOCATION_INITIALIZED Token, Angular Transitions, Angular AnimationsModule, Angular BrowserAnimationsModule, Angular AnimationBuilder, Angular AnimationFactory, Angular AnimationPlayer, Angular AnimationEvent, Angular state Function, Angular style Function, Angular animate Function, Angular transition Function, Angular trigger Function, Angular keyframes Function, Angular group Function, Angular sequence Function, Angular query Function, Angular stagger Function, Angular NO_ERRORS_SCHEMA, Angular CUSTOM_ELEMENTS_SCHEMA, Angular NgIf Directive, Angular NgForOf Directive, Angular NgSwitch Directive, Angular NgSwitchCase Directive, Angular NgSwitchDefault Directive, Angular NgStyle Directive, Angular NgClass Directive, Angular NgTemplateOutlet Directive, Angular NgPlural Directive, Angular NgPluralCase Directive, Angular NgContainer Element, Angular AsyncPipe, Angular UpperCasePipe, Angular LowerCasePipe, Angular CurrencyPipe, Angular DatePipe, Angular DecimalPipe, Angular PercentPipe, Angular SlicePipe, Angular JsonPipe, Angular KeyValuePipe, Angular TitleCasePipe, Angular I18nSelectPipe, Angular I18nPluralPipe, Angular registerLocaleData, Angular LOCALE_ID Token, Angular CommonModule Directives, Angular FormsModule Directives, Angular ReactiveFormsModule Directives, Angular AbstractControl, Angular FormControl, Angular FormGroup, Angular FormArray, Angular FormBuilder, Angular Validators, Angular ValidatorFn, Angular AsyncValidatorFn, Angular NG_VALUE_ACCESSOR Token, Angular ControlValueAccessor, Angular NG_VALIDATORS Token, Angular NG_ASYNC_VALIDATORS Token, Angular NG_MODEL_GROUP , Angular NG_MODEL, Angular NgModel Directive, Angular NgForm Directive, Angular NgControl, Angular DefaultValueAccessor, Angular CheckboxControlValueAccessor, Angular RadioControlValueAccessor, Angular SelectControlValueAccessor, Angular NumberValueAccessor, Angular RangeValueAccessor, Angular HostListener Decorator, Angular HostBinding Decorator, Angular Input Decorator, Angular Output Decorator, Angular EventEmitter, Angular ViewChild Decorator, Angular ViewChildren Decorator, Angular ContentChild Decorator, Angular ContentChildren Decorator, Angular NgOnInit Lifecycle Hook, Angular OnChanges Lifecycle Hook, Angular DoCheck Lifecycle Hook, Angular OnDestroy Lifecycle Hook, Angular AfterContentInit Lifecycle Hook, Angular AfterContentChecked Lifecycle Hook, Angular AfterViewInit Lifecycle Hook, Angular AfterViewChecked Lifecycle Hook, Angular trackBy Function, Angular zone.js Integration, Angular zone.run Method, Angular zone.runOutsideAngular Method, Angular zone.onStable, Angular zone.onUnstable, Angular zone.onMicrotaskEmpty, Angular zone.onError, Angular Template Syntax, Angular Interpolation, Angular Property Binding, Angular Event Binding, Angular Two-Way Binding (ngModel), Angular Safe Navigation Operator, Angular Elvis Operator (, Angular Async Pipe Binding, Angular i18n Internationalization, Angular i18n Markers, Angular Localize Package, Angular Date Localization, Angular Currency Localization, Angular Decimal Localization, Angular ICU Expressions, Angular Pluralization Rules, Angular Translations Extraction, Angular Angular Language Service, Angular Language Service Extension, Angular Ahead-of-Time Compiler Pipeline, Angular Ivy Rendering Engine, Angular Incremental DOM (Historical), Angular ngcc (Compatibility Compiler), Angular ngtsc (Ivy Type-Checking), Angular Angular Schematics, Angular Workspace Configuration, angular.json File, Angular polyfills.ts File, Angular main.ts File, Angular environment.ts File, Angular environment.prod.ts File, Angular index.html File, Angular AppModule Class, Angular AppComponent Class, Angular bootstrapModule Function, Angular platformBrowserDynamic Function, Angular platformBrowser Function, Angular enableProdMode Function, Angular provideRoutes Function (Deprecated), Angular Router Events, Angular NavigationStart Event, Angular NavigationEnd Event, Angular NavigationCancel Event, Angular NavigationError Event, Angular Routes Array, Angular RouterLinkActive, Angular RouterState, Angular ActivatedRoute, Angular ActivatedRouteSnapshot, Angular RouterStateSnapshot, Angular ParamMap, Angular CanActivateChildGuard, Angular CanDeactivateGuard, Angular ResolveGuard, Angular RouterOutletContext, Angular RouterLinkWithHref, Angular Router Preloading, Angular NoPreloading Strategy, Angular PreloadAllModules Strategy, Angular RouterModule.forRoot, Angular RouterModule.forChild, Angular loadChildren Callback, Angular loadComponent (Ivy) , Angular Standalone Components (Ivy), Angular Standalone Pipes (Ivy), Angular Standalone Directives (Ivy), Angular provideHttpClient Function, Angular provideAnimations Function, Angular provideRouter Function, Angular provideZoneChangeDetection Function, Angular provideProtractorTestingSupport Function, Angular Signals (Ivy Experimental), Angular computed Signal, Angular effect Signal, Angular writable Signal, Angular createSignal, Angular runInInjectionContext, Angular inject Function, Angular InjectionToken, Angular Injectable Decorator, Angular Injectable Provider, Angular providedIn Option, 'root', 'platform', 'any', 'none', Angular Optional Decorator, Angular Self Decorator, Angular SkipSelf Decorator, Angular Host Decorator, Angular forwardRef Function, Angular Injector, Angular ReflectiveInjector (Deprecated), Angular StaticInjector, Angular EnvironmentInjector, Angular inject EnvironmentInjector, Angular HttpContext, Angular HttpContextToken, Angular HTTP_INTERCEPTORS Token, Angular APPLICATION_INITIALIZER Token, Angular errorHandler Class, Angular ErrorHandler Override, Angular DefaultErrorHandler, Angular TestModuleMetadata, Angular ComponentFixtureAutoDetect, Angular ComponentFixtureNoNgZone, Angular NO_LOCATION_PROVIDER, Angular DOCUMENT InjectionToken, Angular HAMMER_GESTURE_CONFIG, Angular HammerModule, Angular platform-webworker, Angular platform-webworker-dynamic, Angular createPlatform Factory, Angular COMPILER_PROVIDERS, Angular SERVER_HTTP_PROVIDERS, Angular BrowserTransferStateModule, Angular TransferHttpCacheModule, Angular Preboot Integration, Angular Universal TransferState, Angular Universal ngExpressEngine, Angular Universal renderModuleFactory, Angular Universal renderModule, Angular platform-server, Angular platform-server Testing, Angular HttpBackend, Angular BrowserAnimationsModule Dependencies, Angular NoopAnimationsModule, Angular animateChild Function, Angular group Animations, Angular query Animations, Angular stagger Animations, Angular transition Animations, Angular trigger Animations, Angular sequence Animations, Angular keyframes Animations, Angular style Animations, Angular animate Animations, Angular useAnimation, Angular HostBinding Animations, Angular HostListener Animations, Angular AngularFire Integration, Angular NgRx Store Integration, Angular NgRx Effects Integration, Angular NgRx Entity Integration, Angular Angular Material Components, Angular Angular Material Theming, Angular Angular Material CDK, Angular Angular Material Overlay, Angular Angular Material Portal, Angular Angular Material Observers, Angular Angular Material Layout, Angular Angular Material Harnesses, Angular Angular CDK DragDrop, Angular Angular CDK Scrolling, Angular Angular CDK Bidi, Angular Angular CDK A11y (Accessibility), Angular Accessibility Integration, Angular Component Harness, Angular Angular CLI Builders, Angular Angular CLI Schematics, Angular Angular CLI Workspace, Angular Angular CLI Architect, Angular Angular CLI Builders API, Angular Angular CLI Deploy Command, Angular Angular CLI Extract-i18n Command, Angular Angular CLI XI18n (Deprecated), Angular Angular CLI New Command, Angular Angular CLI E2E Command (Deprecated), Angular Angular CLI Schematic Collections, Angular Angular CLI Configuration, Angular Angular CLI Architect Target, Angular Angular CLI Style Preprocessors (SCSS, SASS, LESS), Angular Angular CLI Budget Configuration, Angular Angular CLI Service Worker Integration, Angular Service Worker Module, Angular Service Worker Registration, Angular ngsw-config.json, Angular Angular PWA Support, Angular Angular Element, Angular Angular Custom Elements, Angular Angular Element Schematics, Angular Angular HttpBackend Internals, Angular HTTP_XSRF_TOKEN Cookie, Angular XhrFactory, Angular JsonpClientBackend, Angular HttpXhrBackend, Angular HttpInterceptingHandler, Angular RetryWithBackoff Strategy, Angular Named Lazy Chunks, Angular Angular Localization, Angular markForCheck Function, Angular detectChanges Function, Angular detach Change Detection, Angular reattach Change Detection, Angular ViewRef, Angular EmbeddedViewRef, Angular HostView, Angular CheckOnce Strategy, Angular CheckAlways Strategy, Angular Detached Strategy, Angular OnPush Strategy, Angular Default Change Detection Strategy, Angular RouterEvent, Angular GuardsCheckStart Event, Angular GuardsCheckEnd Event, Angular ResolveStart Event, Angular ResolveEnd Event, Angular ChildActivationStart Event, Angular ChildActivationEnd Event, Angular ActivationStart Event, Angular ActivationEnd Event, Angular Scroll Event, Angular NavigationSkipped Event, Angular RouteReuseStrategy, Angular DefaultRouteReuseStrategy, Angular RouterModule.forRoot Lazy Loading, Angular RouterModule.forChild Lazy Loading, Angular PreloadingStrategy, Angular RouterLinkActiveExact, Angular routerLinkActiveOptions, Angular NavigationExtras, Angular queryParamsHandling, Angular preserveQueryParams (Deprecated), Angular relativeLinkResolution, Angular initialNavigation, Angular errorHandler in Router, Angular malformedUriErrorHandler, Angular enableTracing, Angular urlUpdateStrategy, Angular onSameUrlNavigation, Angular scrollPositionRestoration, Angular paramsInheritanceStrategy, Angular SimpleChange, Angular NO_BOOTSTRAP, Angular CompilerConfig, Angular JiTCompilerFactory, Angular StaticProvider, Angular ValueProvider, Angular ClassProvider, Angular ExistingProvider, Angular FactoryProvider, Angular SkipSelf Option, Angular Self Option, Angular Optional Option, Angular Host Option, Angular ANALYZE_FOR_ENTRY_COMPONENTS Token, Angular ApplicationInitStatus, Angular Attribute Decorator, Angular Query Decorator, Angular ContentChildren Decorator Options, Angular ViewChildren Decorator Options, Angular QueryList, Angular RendererFactory2, Angular RendererStyleFlags2, Angular RendererType2, Angular Renderer3 (Ivy), Angular R3Injector (Ivy), Angular R3Factory (Ivy), Angular R3ViewContainer (Ivy), Angular R3HostBinding (Ivy), Angular R3HostListener (Ivy), Angular R3Pipe (Ivy), Angular R3Directive (Ivy), Angular R3Component (Ivy), Angular R3Injectable (Ivy), Angular R3InjectorDef (Ivy), Angular R3NgModuleDef (Ivy), Angular R3PartialCompile (Ivy), Angular R3JitReflector (Ivy), Angular incremental DOM (Historical), Angular compliance tests (Ivy), Angular Bazel Integration, Angular ElementInjector, Angular ComponentFactory, Angular ComponentRef, Angular ComponentFactoryResolver.resolveComponentFactory, Angular ApplicationModule, Angular BrowserModule.withServerTransition, Angular NoopNgZone, Angular Testability, Angular TestabilityRegistry, Angular BrowserTransferStateModule.withServerTransition, Angular UpgradeModule (for AngularJS), Angular downgradeComponent (AngularJS), Angular downgradeInjectable (AngularJS), Angular APP_ID Token, Angular PLATFORM_INITIALIZER Token, Angular PLATFORM_ID InjectionToken, Angular ɵɵdefineComponent (Ivy), Angular ɵɵelementStart (Ivy), Angular ɵɵelementEnd (Ivy), Angular ɵɵelement (Ivy), Angular ɵɵtext (Ivy), Angular ɵɵtextInterpolate (Ivy), Angular ɵɵproperty (Ivy), Angular ɵɵlistener (Ivy), Angular ɵɵstyleProp (Ivy), Angular ɵɵclassProp (Ivy), Angular ɵɵpipe (Ivy), Angular ɵɵpipeBind (Ivy), Angular ɵɵdirectiveInject (Ivy), Angular ɵɵinject (Ivy), Angular ɵɵdefineInjectable (Ivy), Angular ɵɵdefineNgModule (Ivy), Angular ɵɵdefineDirective (Ivy), Angular ɵɵdefinePipe (Ivy), Angular ɵɵgetCurrentView (Ivy), Angular ɵɵrestoreView (Ivy), Angular ɵɵnextContext (Ivy), Angular Angular Language Service integration with editors, Angular Angular CLI analytics, Angular Angular CLI diff, Angular Angular CLI doc Command, Angular Angular CLI xi18n (deprecated), Angular Schematics CLI, Angular Builders Custom, Angular Architect API, Angular Bazel Builder, Angular Bazel schematics, Angular Bazel rules_angular, Angular Universal preboot, Angular Universal TransferHttpCacheModule, Angular Universal ngExpressEngine, Angular Universal HapiEngine, Angular Universal FastifyEngine, Angular Universal Lambda Integration, Angular Universal Firebase Functions Integration, Angular Universal SSR Caching, Angular Universal Route-based Code Splitting, Angular Universal Inline critical CSS, Angular Angular Animations transition metadata, Angular Angular Animations trigger metadata, Angular Angular Animations query metadata, Angular Angular Animations sequence metadata, Angular Angular Animations group metadata, Angular Angular Animations keyframes metadata, Angular Angular Animations state metadata, Angular Angular Animations style metadata, Angular Angular Animations animate metadata, Angular Angular Animations useAnimation metadata, Angular Angular Animations animateChild metadata, Angular Angular Animations stagger metadata, Angular Angular Animations hostBinding animations, Angular Angular Animations AnimationTransitionEvent, Angular Angular Animations AnimationStateMetadata, Angular Angular Animations AnimationTransitionMetadata, Angular Angular Animations AnimationQueryMetadata, Angular Angular Animations AnimationGroupMetadata, Angular Angular Animations AnimationSequenceMetadata, Angular Angular Animations AnimationStyleMetadata, Angular Angular Animations AnimationTriggerMetadata, Angular Angular Animations AnimationKeyframesSequenceMetadata, Angular Angular Animations AnimationAnimateRefMetadata, Angular Angular Animations AnimationAnimateChildMetadata, Angular Angular Animations AnimationReferenceMetadata, Angular Angular Animations AnimationStaggerMetadata, Angular Angular Animations AUTO_STYLE, Angular BROWSER_MODULE_PROVIDERS, Angular NO_LOCATION_PROVIDED, Angular DefaultLocationStrategy, Angular HashLocationStrategy, Angular PathLocationStrategy, Angular APP_BASE_HREF, Angular DOCUMENT Injection, Angular isPlatformBrowser, Angular isPlatformServer, Angular isPlatformWorkerApp, Angular isPlatformWorkerUi, Angular HttpClientXsrfModule, Angular BrowserXhr, Angular JsonpClientBackend, Angular NgModuleRef, Angular EmbeddedViewRef properties, Angular APPLICATION_MODULE_PROVIDERS, Angular ɵRenderFlags (Ivy), Angular ɵrenderComponent (Ivy), Angular ɵrenderTemplate (Ivy), Angular ɵgetDirectives (Ivy), Angular ɵgetHostElement (Ivy), Angular ɵgetRenderedText (Ivy), Angular ɵɵtemplate (Ivy), Angular ɵɵelementContainer (Ivy), Angular ɵɵelementContainerStart (Ivy), Angular ɵɵelementContainerEnd (Ivy), Angular ɵɵtextContainer (Ivy) (Conceptual), Angular ɵɵi18n (Ivy), Angular ɵɵi18nApply (Ivy), Angular ɵɵi18nExp (Ivy), Angular ɵɵi18nStart (Ivy), Angular ɵɵi18nEnd (Ivy), Angular ɵɵloadQuery (Ivy), Angular ɵɵqueryRefresh (Ivy), Angular ɵɵdefineInjector (Ivy), Angular ɵɵsanitizeHtml (Ivy), Angular ɵɵsanitizeUrl (Ivy), Angular ɵɵsanitizeResourceUrl (Ivy), Angular ɵɵsanitizeScript (Ivy), Angular ɵɵsanitizeStyle (Ivy), Angular ɵɵsanitizeUrlOrResourceUrl (Ivy), Angular ɵɵattribute (Ivy), Angular ɵɵelementProperty (Ivy), Angular ɵɵelementAttribute (Ivy), Angular ɵɵelementHostStyling (Ivy), Angular ɵɵelementHostStylingApply (Ivy), Angular ɵɵelementHostStylingMap (Ivy), Angular ɵɵelementHostStyleProp (Ivy), Angular ɵɵelementHostClassProp (Ivy), Angular ɵɵlistener (Ivy) with event name, Angular ɵɵhostListener (Ivy), Angular ɵɵtemplateRefExtractor (Ivy), Angular ɵɵprojection (Ivy), Angular ɵɵprojectionDef (Ivy), Angular ɵɵreference (Ivy), Angular ɵɵpipeBind1 (Ivy), Angular ɵɵpipeBind2 (Ivy), Angular ɵɵpipeBind3 (Ivy), Angular ɵɵpipeBind4 (Ivy), Angular ɵɵpipeBindV (Ivy), Angular ɵɵpureFunction0 (Ivy), Angular ɵɵpureFunction1 (Ivy), Angular ɵɵpureFunction2 (Ivy), Angular ɵɵpureFunction3 (Ivy), Angular ɵɵpureFunction4 (Ivy), Angular ɵɵpureFunction5 (Ivy), Angular ɵɵpureFunction6 (Ivy), Angular ɵɵpureFunction7 (Ivy), Angular ɵɵpureFunction8 (Ivy), Angular ɵɵpureFunctionV (Ivy), Angular ɵɵpurePipe1 (Ivy), Angular ɵɵpurePipe2 (Ivy), Angular ɵɵpurePipe3 (Ivy), Angular ɵɵpurePipe4 (Ivy), Angular ɵɵpurePipe5 (Ivy), Angular ɵɵpurePipe6 (Ivy), Angular ɵɵpurePipe7 (Ivy), Angular ɵɵpurePipe8 (Ivy), Angular ɵɵpurePipeV (Ivy), Angular ɵɵhostProperty (Ivy), Angular ɵɵstyling (Ivy), Angular ɵɵstylingApply (Ivy), Angular ɵɵstyleMap (Ivy), Angular ɵɵclassMap (Ivy), Angular ɵɵstyleProp (Ivy), Angular ɵɵclassProp (Ivy), Angular ɵɵpropertyInterpolate (Ivy), Angular ɵɵpropertyInterpolate1 (Ivy), Angular ɵɵpropertyInterpolate2 (Ivy), Angular ɵɵpropertyInterpolate3 (Ivy), Angular ɵɵpropertyInterpolate4 (Ivy), Angular ɵɵpropertyInterpolate5 (Ivy), Angular ɵɵpropertyInterpolate6 (Ivy), Angular ɵɵpropertyInterpolate7 (Ivy), Angular ɵɵpropertyInterpolate8 (Ivy), Angular ɵɵpropertyInterpolateV (Ivy), Angular ɵɵpureFunctionDependency (Ivy), Angular ɵɵpureFunctionSlots (Ivy), Angular ɵɵtoObservable (Ivy) (Conceptual), Angular ɵɵtoPromise (Ivy) (Conceptual), Angular ɵɵpipe (Ivy), Angular APP_BOOTSTRAP_LISTENER Provider, Angular IterableDiffers Factory, Angular KeyValueDiffers Factory, Angular Localization Token, Angular formatDate Utility, Angular registerLocaleData Utility, Angular getLocaleDayNames, Angular getLocaleMonthNames, Angular getLocaleEraNames, Angular getLocaleWeekEndRange, Angular getLocaleId, Angular getNumberOfCurrencyDigits, Angular getCurrencySymbol, Angular FORM_PROVIDERS, Angular CORE_DIRECTIVES (Deprecated), Angular FORM_DIRECTIVES (Deprecated), Angular ReactiveFormsModule Directives, Angular RouterTestingModule, Angular NoopNgZone Testing, Angular MockLocationStrategy, Angular SpyLocation, Angular MockBuilderFactory, Angular TestComponentRenderer, Angular asyncData (Test Utility), Angular asyncError (Test Utility), Angular Angular PlatformRef, angular/core Tokens, angular/common Tokens, angular/platform-browser Tokens, angular/platform-browser-dynamic Tokens, angular/animations Tokens, angular/router Tokens, angular/forms Tokens, angular/platform-server Tokens, angular/platform-webworker Tokens, angular/platform-webworker-dynamic Tokens, angular/service-worker Tokens, angular/compiler Tokens, angular/compiler-cli Integration, angular/localize Integration

Angular Framework: Angular Best Practices, TypeScript Best Practices, Web Development Best Practices, Angular Development Tools, Angular Fundamentals, Angular Inventor - Angular Framework Designer: Angular 2.0 by Angular Team at Google on September 14, 2016, Angular.js by Misko Hevery and Adam Abrons of Google on October 20, 2010; Angular CLI, Angular Documentation, Angular API List, Angular Security - Angular DevSecOps - Pentesting Angular, Angular Glossary, Angular Resources, Angular Topics, Angular Bibliography, Angular Courses, GitHub Angular, Awesome Angular. (navbar_angular, navbar_angular_detailed - see also navbar_ng, navbar_react.js, navbar_angular, navbar_vue, navbar_javascript_libraries, navbar_javascript, navbar_javascript_standard_library, navbar_typescript)