Mehrere Attribute in ng-Stil

Question

Ich brauche Attribute wie mehrere rohe Stil haben:

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

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

Das funktioniert nicht. Es funktioniert, wenn ich

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

Aber nicht für IE verwenden.

Answer 1

ng-Stil wartet auf eine Objektliteral, so müssen Sie Ihren Code

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

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

Answer 2

Nutzung auf Ansicht unten anpassen

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