ng风格的多个属性

Question

我需要有多个原始样式属性，例如：

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

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

这不起作用。它在我使用

时有效

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

但不适用于IE。

Answer 1

在视图中使用以下

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

Answer 2

ng-style等待对象文字，因此您需要将代码调整为

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

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