Как получить правило multi css для ng-стиля по функциям?

Мне нужно применить правило multi css к тегу html в шаблоне формы angular.

<div class="form-control" id="data.objectStyle"  
  ng-model="data.type" 
  ng-style="getStyle(data.objectStyle)">
{{data.objectStyle.title}}
</div>

Функция getStyle в контроллере:

$scope.getStyle = function (taskType) {
    return {
         background-color:taskType.backColor,
         color: taskType.color,
         font-size:taskType.fontSize,
         font-family:taskType.font
    }
)};

объект taskType:

{
    backColor:'#006',
    color:'#56DA',
    fontSize:12,
    font:'New Times Roman'
}

Функция getStyle не возвращает стиль! Что делать?

ИЗМЕНИТЬ

docs указывает, что вам нужно обернуть свои ключи в кавычки, чтобы они не были недействительными. Классы объектов JSON:

return { "background-color": taskType.backColor, "color": taskType.color, "font-size":taskType.fontSize, "font-family":taskType.font }

Старый ответ (не использующий ng-стиль)

Пока я никогда не использовал ng-style, он, кажется, не принимает объекты. Скорее это эквивалент ng-класса, но для отдельных стилей.

Попробуйте изменить свою функцию на:

$scope.getStyle = function (taskType) { return { "background-color:"+taskType.backColor+ ";color:"+ taskType.color+ ";font-size:"+taskType.fontSize+ ";font-family:"+taskType.font+";"; } )};

и html использовать обычный тег стиля с привязкой:

<div class="form-control" id="data.objectStyle" ng-model="data.type" style="{{getStyle(data.objectStyle)}}">

Ответ 1

ИЗМЕНИТЬ

Старый ответ (не использующий ng-стиль)