css - examples - Múltiples atributos en estilo ng

html title attribute

Question

Necesito tener múltiples atributos de estilo en bruto como:

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

Esto no está funcionando. Funciona cuando uso

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

Pero no para IE.

Answer 1

El estilo ng espera un objeto literal, por lo que necesita ajustar su código para

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

Answer 2

Use abajo en la vista

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