@codemirror/lang-angular

@codemirror/lang-angular

[ WEBSITE | ISSUES | FORUM | CHANGELOG ]

This package implements Angular Template language support for the CodeMirror code editor.

The project page has more information, a number of examples and the documentation.

This code is released under an MIT license.

We aim to be an inclusive, welcoming community. To make that explicit, we have a code of conduct that applies to communication around the project.

Usage

import {EditorView, basicSetup} from "codemirror"
import {angular} from "@codemirror/lang-angular"

const view = new EditorView({
  parent: document.body,
  doc: `<p ng-init="name='Iris'">Hi {{ name }}</p>`,
  extensions: [basicSetup, angular()]
})

API Reference

angular(config⁠?: Object = {}) → LanguageSupport

Angular Template language support.

config

base⁠?: LanguageSupport

Provide an HTML language configuration to use as a base. Must be the result of calling html() from @codemirror/lang-html, not just any LanguageSupport object.

angularLanguage: LRLanguage

A language provider for Angular Templates.

Changelog

0.1.4 (2025-04-25)

Bug fixes

Allow self-closing XML-style tags.