Aplicar el atributo de estilo CSS dinámicamente en Angular JS

Este debería ser un problema simple, pero parece que no puedo encontrar una solución.

Tengo el siguiente marcado:

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

Necesito que el color de fondo esté vinculado al alcance, así que intenté esto:

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

Eso no funcionó, así que hice una investigación y encontréng-style, pero eso no funcionó, así que intenté quitar la parte dinámica y simplemente codificar el estilo enng-style, Me gusta esto...

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

y eso ni siquiera funciona. Estoy malentendido cómong-style ¿trabajos? ¿Hay alguna forma de poner{{data.backgroundCol}} en un atributo de estilo simple y conseguir que inserte el valor?