Issue 818/angular component html highlighing

[GregOnNet]

EDIT Please refer to #949 first because it will fix the build-error occurring here.

Hi,

I added a custom grammar to scripts/grammar.js enabling html syntax highlighting inside Angular's @Component decorator.

The result looks like this.

Please let me know if this is valuable for you or if I you need further information.

Kind Regards
Greg

[fmalcher]

👍

[ghost]

good work and very useful 👍

[JohannesHoppe]

i definitely would like use this feature 👍

[MarkPieszak]

Huge win for Atom & Typescript here 👍

[blakeembrey]

LGTM 👍 How does this work with an escaped back tick? Is it handling it?

[GregOnNet]

Do you mean something like <span>```content</span>?

I will test it when I am back at home today.

[blakeembrey]

Yeah, just one in the middle.

`<span>\`content</span>`

Edit: Thanks. I haven't been involved with Atom lately and have been busy so can't contribute much to atom-typescript myself.

[GregOnNet]

@blakeembrey Good point. It was not managing escaped back ticks.
I updated the regex by adding a negative look behind to the RegEx: https://regex101.com/r/hV8rS2/1

I have to thank the whole atom-typescript-Team for the great work you have done! 👍

Now it shall work.

//cc @basarat

[blakeembrey]

Seems good to me, I'd like to leave @basarat to handle now 😄

[basarat]

Thanks everyone 🌹 https://github.com/TypeStrong/atom-typescript/releases/tag/v8.10.0

[albtdd]

Great, It works for me!
Thank you!

[GregOnNet]

You are welcome, sir. 😃