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?

questionAnswers(5)

yourAnswerToTheQuestion