不支援的後綴

這項診斷會偵測在屬性繫結中使用 .px、.% 與 .em 後綴的情況。

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

這樣寫有什麼問題？

這些後綴只能用於樣式繫結。用在屬性繫結上時，它們不具有任何意義。

不要使用只能在樣式繫結中支援的 .px、.% 或 .em 後綴，改把單位寫進繫結的值裡。

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

任何擴充診斷要發出訊息，都必須啟用 strictTemplates。 suffixNotSupported 除了 strictTemplates 之外，沒有其他額外需求。

可以透過編輯專案的 tsconfig.json 檔案來停用這項診斷：

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