Cookies concent notice

This site uses cookies from Google to deliver its services and to analyze traffic.
Learn more
Skip to main content
This site is no longer updated.Head to Angular.devHome
/

This is the archived documentation for Angular v17. Please visit angular.dev to see this page for the current version of Angular.

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.

      
      <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.

      
      <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:

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

See extended diagnostic configuration for more info.