@angular/language-service

What is @angular/language-service?

The @angular/language-service package provides a way to get completions, errors, hints, and navigation inside Angular templates. It works with both external and inline templates and is used primarily in integrated development environments (IDEs) and text editors to enhance the development experience with Angular applications.

What are @angular/language-service's main functionalities?

Autocompletion

Provides autocompletion suggestions for Angular template syntax, including bindings, directives, components, and template variables.

No specific code sample can be provided as this functionality is integrated into IDEs and leverages the language service API to provide autocompletion suggestions.

Error Checking

Highlights errors in Angular templates, such as type errors, missing directives, and incorrect bindings, helping developers to identify and fix issues more quickly.

No specific code sample can be provided as this functionality is integrated into IDEs and leverages the language service API to highlight errors in Angular templates.

Navigation and Refactoring

Enables features like 'Go to definition' for components, directives, and template variables, and supports refactoring operations such as renaming symbols.

No specific code sample can be provided as this functionality is integrated into IDEs and leverages the language service API to enable features like go to definition and refactoring.

Other packages similar to @angular/language-service

typescript

While not specifically for Angular, TypeScript is often used alongside Angular for type checking and editor integrations. TypeScript provides language services that offer similar features (like autocompletion and error checking) but for TypeScript code rather than Angular templates.

vetur

Vetur is a Vue tooling for VSCode, offering features similar to @angular/language-service but for Vue.js applications. It provides syntax highlighting, snippets, Emmet, linting/error checking, formatting, auto completion, debugging, and more for Vue components.

eslint-plugin-angular

This package is an ESLint plugin that contains a set of rules for static code analysis of Angular applications. While it doesn't offer real-time error checking or autocompletion within templates, it provides a similar goal of improving code quality and catching errors.

README

The README file is missing

Changelog

19.1.0-next.0 (2024-11-26)

common

| Commit | Type | Description | | -- | -- | -- | | e4c50b3bea | feat | expose component instance in NgComponentOutlet (#58698) |

core

| Commit | Type | Description | | -- | -- | -- | | bd1f1294ae | feat | support TypeScript 5.7 (#58609) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="19.0.1"></a>