fix: Exclude binding like text in templates

[JeanMeche]

I wanted to give a try to improve the behaviour reported in the 2 tickets below. Let me know what you think of it !

With a negative lookbehind we can exclude binding like text (ie <div>[myInput]=myvar</div>) from the synthax coloring of bindings

Fixes #1725 and angular/angular#49842

[atscott]

@JeanMeche Can you remove the note about this fixing angular/angular#49842? That issue is requesting an actual error or warning if binding syntax is used in text interpolation while this one is only about incorrectly highlighting

[atscott]

Can you add a test for multiline? i.e.

<div>
  [my-property]="val"
</div>

[JeanMeche]

I've tried to make it work with a multiple-line element with no success.

I've got a working regex here : https://regex101.com/r/56TkVf/2 so I guess it a limitation of the textmate grammars.

Do you still want a test showing that this case isn't covered ?

[atscott]

I don't think we should have an incomplete solution to the problem. If this isn't working for multiline, then we should come up with a different way to address it. I expect the most common case will be a binding on a different line anyways. There's probably some way to make it work by only applying the property binding when in a given scope.

Closing this PR since it's not quite what we really need.

[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.}