Zastosuj dynamicznie atrybut stylu CSS w Angular JS
To powinien być prosty problem, ale nie mogę znaleźć rozwiązania.
Mam następujący znacznik:
<div style="width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;"></div>
Potrzebuję koloru tła, aby był związany z zakresem, więc spróbowałem tego:
<div style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:{{data.backgroundCol}};}"></div>
To nie zadziałało, więc zrobiłem trochę badań i znalazłemng-style
, ale to nie zadziałało, więc spróbowałem wyjąć dynamiczną część i po prostu zakodować styl wng-style
, lubię to...
<div ng-style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;}"></div>
i to nawet nie działa. Czy nie rozumiem jakng-style
Prace? Czy istnieje sposób na wprowadzenie{{data.backgroundCol}}
do zwykłego atrybutu stylu i wprowadzenie go do wstawienia wartości?