Allow custom attributes with dot (some-name.some-suffix) interpolation

🐞 bug report

Affected Package

Any version i guess

Is this a regression?

No

Description

Allow to handle complicated custom attributes by html parser

🔬 Minimal Reproduction

https://stackblitz.com/edit/angular-playground-zhx28b

Take a look on hello-framework.component.html

<button data-ts.label="abc">action 1</button>
<button data-ts.label="{{name}}">action 2</button>
<button [attr.data-ts.label]="name">action 3</button>

EXPECTED all three button should have data-ts.label="some-title"

🔥 Exception or Error

For case with <button data-ts.label="{{name}}">action 2</button> it throws

Error in /turbo_modules/@angular/compiler@7.2.4/bundles/compiler.umd.js (2496:21)
Template parse errors:
Can't bind to 'ts.label' since it isn't a known property of 'button'. ("

<button data-ts.label="some-title">action 1</button>
<button [ERROR ->]data-ts.label="{{title}}">action 2</button>
<button [attr.data-ts.label]="title">action 3</button>"): ng:///HelloFrameworkModule/HelloFrameworkComponent.html@5:8

Third example with <button [attr.data-ts.label]="name">action 3</button> cuts .label suffix

[n-srg]

Everything is fine now, thank you for closing this, @jessicajaniuk !

[angular-automatic-lock-bot[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.}