Wiele atrybutów w ng stylu

Question

muszę mieć wiele atrybutów stylu surowego jak:

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

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

to nie działa. Działa, gdy używam

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

Ale nie dla IE.

Answer 1

ng stylu czeka na obiekcie dosłownym, więc trzeba dostosować swój kod do

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

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

Answer 2

użytkowania poniżej na widok

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