Highlight angular syntax in html template

Question

Is there some addon for visual studio code, that will highlight angular syntax in html template? enter image description here

now it's just look so like a mess.

Answer 1

If you want proper syntax highlighting in your templates, the easiest way is to store your templates in their own files. This is what your example looks like in VSCode if you store that template in its' own .html file for example:

That said, if you want to keep using inline templates, this plugin is what you are looking for.

Answer 2

Try this extension angular2-inline I been used and It's very good