Hata Ansiklopedisi

Invalid style property binding value

Angular, bir stil özelliği bağlamasında desteklenmeyen türde bir değer algıladı. Bu durum, [style.width] gibi tek bir bağlamada veya bir [style] haritasının bir özelliğinde ortaya çıkabilir.

Stil özelliği değerleri; string, sayı, stil SafeValue nesnesi, null ve undefined kabul eder. Stil dışı bir güvenlik bağlamı için oluşturulmuş SafeValue nesneleri dahil diğer değerler, geliştirme modunda bu uyarıyı üretir.

Örneğin, aşağıdaki bağlama bir CSS değeri yerine bir boolean geçirir:

<div [style.display]="isVisible"></div>

Hatayı ayıklama

Bağlamayı bulmak için hata mesajındaki özellik adını ve değeri kullanın. Değeri geçerli bir CSS string'ine ya da sayısına dönüştürün veya stili kaldırmak için null ya da undefined kullanın.

[style.width.px] gibi bir birim son eki kullanırken, değerin sayısal kısmını bağlayın:

<div [style.width.px]="width"></div>

Güvenilir HTML gibi başka bir güvenlik bağlamı için oluşturulmuş bir SafeValue'yu bir stil özelliği bağlamasına geçirmeyin.