Bu şematik, uygulamanızdaki NgStyle direktifi kullanımlarını stil bağlamalarına geçirir. Yalnızca geçirilmesi güvenli kabul edilen kullanımları geçirecektir.
Şematiği aşağıdaki komutu kullanarak çalıştırın:
ng generate @angular/core:ngstyle-to-styleÖnce
<div [ngStyle]="{'background-color': 'red'}"></div>Sonra
<div [style]="{'background-color': 'red'}"></div>Yapılandırma seçenekleri
Geçiş, belirli ihtiyaçlarınıza göre ince ayar yapmak için birkaç seçeneği destekler.
--best-effort-mode
Varsayılan olarak, geçiş NgStyle'ın nesne referansı kullanımlarını geçirmekten kaçınır.
--best-effort-mode bayrağı etkinleştirildiğinde, nesne referanslarına bağlı ngStyle örnekleri de geçirilir.
Bu, geçirilmesi güvenli olmayabilir, örneğin bağlı nesne değiştiriliyorsa.
<div [ngStyle]="styleObject"></div>şuna dönüşür:
<div [style]="styleObject"></div>