Açısal 4 ile geliştirilmiş bir yönetici panelinde çalışıyorum ve stilleri değiştirme rengi, bg vb. Gibi stilleri özelleştirmek için bölümleri birleştirmeye çalışıyorum. Veritabanındaki ayarları kaydetmek için zaten bir bölüm geliştirdim API kullanarak uygulama yükünü json olarak aldım. Açısal değişkenler temel alınarak dinamik css üretin 4
Şimdi json değerleri kullanarak dinamik css üretmek çalışıyorum, ben bileşeninde css değerleri yük ne kadar emin değilim ana bileşende kodu aşağıdaki ancak onun@Component({
templateUrl: 'card.html',
styles: [`
.card {
height: 70px;
width: 100px;
color: {{css.cardColor}};
}
`],
})
çalışmıyor ile çalıştı ve bunları stil etiketinde kullanın. Aynı şey için başka bir çözüm bulamadım.
Bir başka yol açısal animasyon konseptini kullanmaktır, ancak css büyük olacak ve tetikleyicileri ve tümünü kullanarak açısal animasyonu bütünüyle uygulayamayacaktır. Bunun gerçek bir gereklilik gibi göründüğü ve bir çok başka geliştiricinin yapmış olduğu bir çözüm olduğuna inanıyorum.
Herhangi bir yardımın önemi vardır.
Düzenleme: ngStyle'ı tüm uygulama için hemen hemen tüm öğelere uygulanacağı için kullanamazsınız, yalnızca belirli öğeler için değil.
kod çözümünü buraya göndermelisiniz. Lütfen css stili özelliklerinin içindeki değişken değerlerini nasıl kullandığınızı gösterir misiniz? –
Bu çözümün bazı kod örneklerini gönderebilir misiniz? Bu gerçekten iyi bir çözüm gibi görünüyor. – Neutrino
kodu güncelledi –