Несколько атрибутов в нг стиле

Question

мне нужно иметь несколько сырой стиль атрибуты, как:

$scope.css = "'width': 'calc(100% - "+$scope.fixedColumnsWidth+"'),'margin-left':'"+ $scope.fixedColumnsWidth+"'"; 

<div ng-style="{css}"> 

Это не работает. Он работает, когда я использую

<div style="{{css}}"> 

Но не для IE.

Answer 1

нг стиле ждет литерала объекта, так что вам нужно настроить свой код

$scope.css = { 
width: 'calc(100% -'+$scope.fixedColumnsWidth+')', 
'margin-left': $scope.fixedColumnsWidth 
} 

<div ng-style="css"></div> 

Answer 2

Использование ниже по мнению

<div ng-style="{ 
    'width': calc('100% -'+fixedColumnsWidth), 
    'margin-left': fixedColumnsWidth}">