Bu tanılama, "özel" Angular bağlama önekine (attr., style. ve class.) sahip niteliklerin bağlama olarak yorumlandığından emin olur.
<div attr.id="my-id"></div>Bunda ne yanlış?
Bu örnekte, attr.id normal bir nitelik olarak yorumlanır ve son HTML'de olduğu gibi görünür (<div attr.id="my-id"></div>). Bu muhtemelen geliştiricinin amacı değildir.
Bunun yerine, amaç muhtemelen id niteliğini ayarlamaktır (<div id="my-id"></div>).
Bunun yerine ne yapmalıyım?
attr., class. veya style.'a bağlanırken, Angular şablon bağlama sözdizimini ([]) kullandığınızdan emin olun.
<div [attr.id]="my-id"></div>
<div [style.color]="red"></div>
<div [class.large]="true"></div>Yapılandırma gereksinimleri
Herhangi bir genişletilmiş tanılamanın verilmesi için strictTemplates etkinleştirilmelidir.
textAttributeNotBinding, strictTemplates dışında ek bir gereksinime sahip değildir.
Bunu önleyemezsem ne olur?
Bu tanılama, projenin tsconfig.json dosyası düzenlenerek devre dışı bırakılabilir:
{
"angularCompilerOptions": {
"extendedDiagnostics": {
"checks": {
"textAttributeNotBinding": "suppress"
}
}
}
}Daha fazla bilgi için genişletilmiş tanılama yapılandırması bölümüne bakın.