New control flow missing command features
- Dominant language
- TypeScript
- Stars
- 101k
- Forks
- 27.5k
- Avg merge
- 1d 19h
- Merged PRs (30d)
- 288
Description
# 🐞 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
- [x] Angular Language Service VSCode extension
- [ ] Angular Language Service server
## 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+^)
5. 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**


## 🌍 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?**
Contributor guide
Research direction
The issue targets the Angular Language Service VSCode extension and new @if template syntax. Start by reproducing Go to Bracket and Expand/Shrink Selection with nested @if blocks, then investigate the extension's template-editor integration; Emmet wrapping is also reported as unavailable. Done means the affected commands work with the new control-flow blocks, or the supported alternative is documented.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript, vscode
- Domain
- developer-experience, frontend, tooling
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100