Angular выражение внутри атрибута стиля не работает в IE

У меня есть angular 1.0.6 (я знаю его старый), и у меня есть атрибут стиля с выражениями:

<li style="background-color: {{item.color}}">
   <span style="color: {{item.color | contrastColor}}">{{item.label}}</span>
</li>

Он работает нормально, но не для IE (приложение должно работать для > IE10). Когда я открываю инструмент разработчика, атрибут стиля отсутствует. Я пытаюсь создать настраиваемую директиву стиля (потому что я решил, что IE удаляет недопустимый атрибут до того, как angular может его прочитать), но с помощью этого простого кода у меня есть ошибка TypeError: Cannot read property 'replace' of undefined из jquery (проверена на google chrome), потому что в моем случае item.color может быть null

.directive("logStyle", function() {
    // logStyle directive
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
           element.css(scope.$eval(attrs.logStyle));
        }
    };
});

Как я могу заставить его работать. Я знаю, что существует ngStyle, но это не совсем то, что мне нужно.

Ответы

<div ng-controller="appCtrl">
<ul>
    <li ng-repeat="item in items" ng-style="{'background-color': item.color}">
        <span ng-style="{ 'color': (item.color | contrastColor) }">{{ item.label }}</span>
    </li>
</ul>
</div>

ng-attr-style="color:{{entity.status | statusColor}};"