[@angular-eslint/template/prefer-static-string-properties] The rule replaces where it is not needed

[splincode]

$ git clone https://github.com/taiga-family/taiga-ui.git && cd taiga-ui
$ npm ci
// ... add to eslint.config.ts that rule for *.html 

$ npx eslint . --fix

Before

 <code [style.color]="'var(--tui-background-accent-2-pressed)'"></code>

After

 <code color="var(--tui-background-accent-2-pressed)"></code>

Before

<input *ngSwitchCase="'boolean'" />

After

<input *ngSwitchCase="boolean" />

Before

<td *tuiCell="'name'" />

After

<td *tuiCell="name" />

Versions

package	version
@angular-eslint/eslint-plugin-template	19.x
@angular-eslint/template-parser	19.x
@typescript-eslint/parser	19.x
ESLint	9.x
node	22.x

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1602.16
@angular-devkit/build-angular   16.2.16
@angular-devkit/core            16.2.16
@angular-devkit/schematics      16.2.16
@angular/cdk                    16.2.14
@angular/cli                    16.2.16
@schematics/angular             16.2.16
ng-packagr                      16.2.3
rxjs                            7.8.2
typescript                      5.0.4
webpack                         5.98.0

[splincode]

@JamesHenry @mbriand-lucca Thank you about your fix. However what about that code

 <code [style.color]="'var(--tui-background-accent-2-pressed)'"></code>

I think is also valid and it cannot be changed to color

[mbriand-lucca]

@JamesHenry @mbriand-lucca Thank you about your fix. However what about that code

 <code [style.color]="'var(--tui-background-accent-2-pressed)'"></code>

I think is also valid and it cannot be changed to color

I haven’t fixed this problem yet. I have an idea: checking if the attribute name contains a '.', but I’m not sure if it’s reliable...

[splincode]

@JamesHenry could you reopen please?

[mbriand-lucca]

The solution of checking if the name contains an '.' is not reliable because the name is color and not style.color. I wanted to work with the BindingType declared in the TmplAstBoundAttribute model, but the type is not actually a BindingType. I was trying to check if type === BindingType.Property but I always get the type BoundAttribute. I'm trying to find another solution...

[mbriand-lucca]

I find other problems with :

<my-component [attr.aria-label]="'foo'" />

<my-component [@fade]="'foo'" />

This rule wants to replace this to :

<my-component aria-label="foo" />

<my-component fade="foo" />