Multiple attributes in ng-style

Question

I need to have multiple raw style attributes like :

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


        

Answer 1

ng-style waits for an object literal, so you need to adjust your code to

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

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

Answer 2

Use below on view

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