Skip to content

Template literals cause malfunction to quick suggestions #2129

Open
@fix87

Description

@fix87

🐞 bug report

Is this a regression?

Yes, now I'm using 19.0.3. Don't remember if version 19.0.2 was working fine

Description

Using backtick for merging text and properties causes malfunction on quick suggestion while typing. Below code will show that after the use of backtick quick suggestion will show also other things instead of showing only properties and methods.

// Core
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: ``
})
export class AppComponent {
  private property = 'doe';
  private method(): void {
    // Here suggestion works well. It is enough to start tipyng this.
    console.log(`${this.property}`);
    // Here not anymore. It is enough to start this. to see the differences
  }
}

Bug Type

What does this bug affect

  • Angular Language Service VSCode extension
  • Angular Language Service server

Reproduction

Steps to reproduce the behavior:
Use the code above to see how quick suggestions changes

Expected behavior

I expect that also after used a template literals with backtick quick suggestion is showed in the same way when used before template literals

Alternatively, if the log file is long, it can be uploaded instead of pasting below. -->

Screenshots

How should work (before using template literals)
Image
How works after using template literals (problem is that inside large files all properties an methods are shiften down inside quick suggestion)
Image

🌍 Your Environment

Angular Version:

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


Angular CLI: 17.3.4
Node: 20.14.0
Package Manager: npm 10.7.0
OS: win32 x64

Angular: 17.3.4
... animations, cli, common, compiler, compiler-cli, core, forms
... localize, platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1703.4
@angular-devkit/build-angular   17.3.4
@angular-devkit/core            17.3.4
@angular-devkit/schematics      17.3.4
@angular/cdk                    17.3.5
@schematics/angular             17.3.4
rxjs                            7.8.1
typescript                      5.3.3
zone.js                         0.14.4

Extension Version:

19.0.3

VSCode Version:

Version: 1.96.0 (system setup)
Commit: 138f619c86f1199955d53b4166bef66ef252935c
Date: 2024-12-11T02:29:09.626Z
Electron: 32.2.6
ElectronBuildId: 10629634
Chromium: 128.0.6613.186
Node.js: 20.18.1
V8: 12.8.374.38-electron.0
OS: Windows_NT x64 10.0.19045

Operating System:

Windows 10 Version 19045 OS Build 19045

Extension options:

N/A

Anything else relevant?
N/A

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions