web-dev-qa-db-ja.com

ngスタイルの複数の属性

次のような複数の生のスタイル属性が必要です：

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

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

これは機能していません。使用すると動作します

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

しかし、IE向けではありません。

cssangularjsng-style
27
TrtG

ngスタイルはオブジェクトリテラルを待機するため、コードを次のように調整する必要があります。

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

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

ビューで以下を使用

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