Support Angular @Input alias with argsToTemplate

[bmayen]

Is your feature request related to a problem? Please describe.

Using argsToTemplate with an Angular Material component like Button Toggle and trying to bind and aliased input such as @Input('aria-label') ariaLabel: string.

Describe the solution you'd like

argsToTemplate should be able to support output [aria-label]="ariaLabel" but instead we currently get [aria-label]="aria-label" with results in NaN value assigned to the aria-label attribute.

Describe alternatives you've considered

No response

Are you able to assist to bring the feature to reality?

no

Additional context

No response

[Marklb]

This seems to be a bug in the internal computesTemplateFromComponent also. It isn't the fact that it is an alias. The problem appears to be caused by the property name having a special character in it.

I just did a quick test of a fix, which seems to work. I will try to add a more thorough test later and submit a PR, if it works. For a property with special characters, it seems that it needs to be [aria-label]="this['aria-label']".

[Marklb]

Submitted a PR that should fix this: #28588

[bmayen]

Fantastic. Thank you!