Это должно быть простой проблемой, но я не могу найти решение.

У меня есть следующая разметка:

<div style="width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;"></div>

Мне нужно, чтобы цвет фона был привязан к области видимости, поэтому я попробовал это:

<div style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:{{data.backgroundCol}};}"></div>

Это не сработало, поэтому я провел некоторое исследование и нашелng-style, но это не сработало, поэтому я попытался выделить динамическую часть и просто жестко запрограммировать стиль вng-style, нравится...

<div ng-style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;}"></div>

и это даже не работает. Я неправильно понимаю, какng-style работает? Есть ли способ поставить{{data.backgroundCol}} в простой атрибут стиля и получить его, чтобы вставить значение?