Suffix not supported

This diagnostic detects when the .px, .%, and .em suffixes are used with an attribute binding.

html

What's wrong with that?

These suffixes are only available for style bindings. They do not have any meaning when binding to an attribute.

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

html

strictTemplates must be enabled for any extended diagnostic to emit. suffixNotSupported has no additional requirements beyond strictTemplates.

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

json

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