CSS ng-style 中的多个属性
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/29435883/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-08-30 03:08:45 来源:igfitidea点击:
Multiple attributes in ng-style
提问by TrtG
I need to have multiple raw style attributes like :
我需要有多个原始样式属性，例如：
$scope.css = "'width': 'calc(100% - "+$scope.fixedColumnsWidth+"'),'margin-left':'"+ $scope.fixedColumnsWidth+"'";
<div ng-style="{css}">
This is not working. It works when I use
这是行不通的。当我使用时它有效
<div style="{{css}}">
But not for IE.
但不适用于 IE。
采纳答案by Ins
ng-style waits for an object literal, so you need to adjust your code to
ng-style 等待对象字面量，因此您需要将代码调整为
$scope.css = {
width: 'calc(100% -'+$scope.fixedColumnsWidth+')',
'margin-left': $scope.fixedColumnsWidth
}
<div ng-style="css"></div>
回答by Pankaj Parkar
Use below on view
在视图下使用
<div ng-style="{
'width': calc('100% -'+fixedColumnsWidth),
'margin-left': fixedColumnsWidth}">
