HTML element attribute interpolation is not handle correctly

Which @angular/* package(s) are the source of the bug?

Don’t known / other

Is this a regression?

No

Description

HTML element attribute interpolation is not handle correctly.

For the below code, attribute interpolation doesn’t work.

<img aria-label="image of {{image.desc}}" [src]="image.src">

While for this code, the attribute interpolation with attr. prefix does work.

<img attr.aria-label="image of {{image.desc}}" [src]="image.src">

The usage of attr. prefix is not documented. Please either update the documentation or change the attribute interpolation handler.

Thanks.

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

No response

Please provide the environment you discovered this bug in (run ng version)

No response

Anything else?

No response

[pkozlowski-opensource]

@ilyassFouih go for it!

[pkozlowski-opensource]

Update: I was toying with the idea of a diagnostic that would detect bindings / interpolations for aria- prefixed names (and suggest adding attr. prefix. In practice, though, there are directives that will use the aria- prefix for their input names.

I’m afraid that the best we can do is to review the documentation here and revisit this issue in the scope of the larger authoring format review.