Inline template Template Literals is not highlighted properly

[sheikalthaf]

🐞 bug report

Is this a regression?

Yes, the previous version in which this bug was not present was: 19.2

Description

@crisbeto tested the changes in extension version 19.2.1 but it is broken the inline template template literals.

import { ChangeDetectionStrategy, Component } from '@angular/core';

@Component({
  selector: 'app-hello',
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `<div>
      <div class="{{\`bg-red-500 px-5\`}}">Hello</div>
  </div>`,
})
export class Hello {}

Bug Type

What does this bug affect

• Angular Language Service VSCode extension
• Angular Language Service server

Reproduction

Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior

A clear and concise description of what you expected to happen.

Logs

Log file gives us deep insight into the behavior and performance of the extension. If the issue is a performance
problem or an error occured, please provide the output of the log file below.

Set Angular Log level to verbose.

Screenshots

If applicable, add screenshots to help explain your problem.

🌍 Your Environment

Angular Version:

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 19.2.0
Node: 20.18.0
Package Manager: pnpm 9.12.3
OS: darwin arm64

Angular: 19.2.0
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1902.0
@angular-devkit/build-angular   19.2.0
@angular-devkit/core            19.2.0
@angular-devkit/schematics      19.2.0
@schematics/angular             19.2.0
rxjs                            7.8.2
typescript                      5.7.3
    

Extension Version:

v19.2.1

VSCode Version:

Version: 1.98.2 (Universal)
Commit: ddc367ed5c8936efe395cffeec279b04ffd7db78
Date: 2025-03-12T13:32:45.399Z
Electron: 34.2.0
ElectronBuildId: 11161602
Chromium: 132.0.6834.196
Node.js: 20.18.2
V8: 13.2.152.36-electron.0
OS: Darwin arm64 24.3.0

Operating System:

Extension options:

Anything else relevant?

[crisbeto]

This appears to be an issue where the inline-template highlighting isn't handling escaped backticks correctly.

[khalic-lab]

yeah this version of LSP is really not up to the task...