Несколько атрибутов в ng-стиле

Мне нужно иметь несколько атрибутов исходного стиля, например:

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

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

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

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

Но не для IE.

Ответы

Ответ 1

ng-style ждет объектного литерала, поэтому вам нужно настроить свой код на

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

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

Ответ 2

Используйте ниже в представлении

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