이 진단은 어트리뷰트 바인딩에 .px, .%, .em 접미사를 사용한 경우를 감지합니다.
<img [attr.width.px]="5" />무엇이 문제인가요?
이러한 접미사는 스타일 바인딩에서만 사용할 수 있습니다. 어트리뷰트 바인딩에서는 의미가 없습니다.
어떻게 해결하나요?
스타일 바인딩에서만 지원하는 .px, .%, .em 접미사를 사용하는 대신 단위를 바인딩에 할당하는 값에 포함하세요.
<img [attr.width]="'5px'" />필수 설정
확장 진단이 발생하려면 strictTemplates를 활성화해야 합니다.
suffixNotSupported에는 strictTemplates 외의 추가 요구 사항이 없습니다.
이 상황을 피할 수 없다면 어떻게 하나요?
프로젝트의 tsconfig.json 파일을 수정하여 이 진단을 비활성화할 수 있습니다.
{
"angularCompilerOptions": {
"extendedDiagnostics": {
"checks": {
"suffixNotSupported": "suppress"
}
}
}
}자세한 내용은 확장 진단 설정을 참고하세요.