Template Literals Not Working as Expected

[JeevanMahesha]

Which @angular/* package(s) are the source of the bug?

Don't known / other

Is this a regression?

Yes

Description

Description:

While testing the upcoming template literal support in Angular v19.2.0, I observed an inconsistency:

• Working as Expected: Template literals function correctly within component templates defined in external HTML files.

• Issue Encountered: When using template literals directly within the template property of the @Component decorator in a TypeScript file, Angular throws an error, indicating it cannot process the template.

Please provide a link to a minimal reproduction of the bug

https://stackblitz.com/edit/stackblitz-starters-xft1d9bg?file=src%2Fmain.ts

[JoostK]

This is expected. In TypeScript files, the template is itself a template literal. The backticks that are used contribute to that outer literal, not the Angular template.

The difference is that e.g. interpolated values become inclined into the template at compile time, instead of being interpolation bindings that have dynamic values.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}