Since Angular 19.2.0, you can now use string template literals in your HTML file:
<!-- app-root.component.html -->
<div [class]="`category-${category}`">
{{ `My name is ${name}!` }}
</div>
// app-root.component.ts
@Component({
selector: 'app-root',
templateUrl: 'app-root.component.html',
})
export class PlaygroundComponent {
name = 'John';
category = 'abc';
}