NG8106: Suffix not supported

Description

This diagnostic detects when the .px, .%, and .em suffixes are used with an attribute binding. These suffixes are only available for style bindings.

      
        content_copy
      
      <div [attr.width.px]="5"></div>
    

What should I do instead?

Rather than using the .px, .%, or .em suffixes that are only supported in style bindings, move this to the value assignment of the binding.

      
        content_copy
      
      <div [attr.width]="'5px'"></div>
    

What if I can't avoid this?

This diagnostic can be disabled by editing the project's tsconfig.json file:

      
        content_copy
      
      {
  "angularCompilerOptions": {
    "extendedDiagnostics": {
      "checks": {
        "suffixNotSupported": "suppress"
      }
    }
  }
}
    

See extended diagnostic configuration for more info.