angular / angular/angular

Support SVG templates

Open
#65,512 1 comment 4 reactions 0 assignees View on GitHub
area: vscode-extension feature
Dominant language
TypeScript
Stars
101k
Forks
27.5k
Avg merge
1d 19h
Merged PRs (30d)
288

Description

# 🚀 feature request

### Description
In angular it is possible to use SVG as template: https://angular.dev/guide/templates/svg-in-templates.
But currently when having a function binding in the template, there is no 'Go to definition' highlighting.

SVG in HTML template:
![htmlTemplate](https://github.com/angular/angular/assets/84901454/1329c06f-d0d1-40e6-b7b5-bbb5f69a1a64)

SVG in SVG template:
![svglTemplate](https://github.com/angular/angular/assets/84901454/abb31d3d-4838-41ea-9bfe-019a152e22e5)

### Feature Type
What does this bug affect

- [x] Angular Language Service VSCode extension
- [x] Angular Language Service server

### Describe the solution you'd like
SVG templates should be supported. The functionality for HTML template like 'Go to definition' should also work for SVG templates.

### Describe alternatives you've considered
-
### Anything else relevant?
-

Contributor guide

Open the contributing guide

Research direction

Start by tracing how the Angular Language Service server and VSCode extension handle HTML template “Go to definition” requests, then compare that path with SVG templates. Done means function bindings inside SVG templates receive the same highlighting and definition navigation as bindings in HTML templates, with the behavior verified in both listed components.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
developer-experience, tooling
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.