search

angular / vscode-ng-language-service

Angular extension for Visual Studio Code
MIT License
773 stars 116 forks source link

New control flow missing command features #2075

Open dariosko opened 1 month ago

dariosko commented 1 month ago

🐞 bug report

Is this a regression?

Description

I don't know if the issue is right here at all. But since the new control flow syntax, three shortcuts/commands in the template are missing or not working properly.

  1. Go to Bracket -> Jumps to the corresponding bracket.

    • Behaviour still works with HTML tags. Unfortunately this does not work at all with the @if etc. brackets.

  2. Expand selection/Shrink selection -> SHIFT + ALT + Right/Left Arrow Key.

    • Unfortunately, the brackets/blocks are no longer respected as they were with HTML tags. Especially with nested if-conditions.

  3. Emmet Wrap with Abbreviation

    • No longer possible with the new syntax because they are not HTML tags. Is there an alternative?

Bug Type

What does this bug affect

Reproduction

Steps to reproduce the behavior: First Command - Go to Bracket

  1. Go to an angular template with new control flow syntax
  2. Focus a @if or other new expression
  3. Use command Go to Bracket (CTRL+SHIFT+^)
  4. Nothing Happens Expected behavior Should jump to corresponding bracket.

Second command - Expand/Shrink Selection

  1. Go to an angular template with new control flow syntax
  2. Create a nested @if or other new expression.
  3. Use command Expand/Shrink selection (SHIFT+ALT+Right/Left arrow key) Expected behavior Should select block by block (bracket to bracket).

Third command - Emmet Wrap with Abbreviation

  1. Cannot wrap with new @if () {${selection}} syntax.

Logs

Screenshots

image image

🌍 Your Environment

Angular Version:


Angular CLI: 18.1.1

Extension Version:


v18.1.2

VSCode Version:


v1.91.1

Operating System:


Microsoft Windows 10 Pro
Version 10.0.19045 Build 19045

Extension options:

Anything else relevant?