在 Internet Explorer 的 angularjs 中未访问范围变量

Question

我有一个自定义指令，我在其中计算宽度并将其分配给范围变量。该范围变量正在 html 中访问，该变量在 Firefox 和 chrome 中运行良好。但不在 Internet Explorer 中。

控制器中的代码

cellWidth: 160 // property of an object

指令中的代码

for (var i = 0; i < totalColumns; i++) {
    scope.columnMapping.columns[i].tempCellWidth = scope.columnMapping.columns[i].cellWidth * 100) / tableWidth;
}

HTML

<div style="width: {{column.tempCellWidth}}%;"> {{columnName}} </div> // IE does not evaluate this.. 

IE 在检查元素时显示宽度：{{column.tempCellWidth}}%。

提前致谢。

Answer 1

您需要直接使用ng-style 属性而不是style。

<div ng-style="{ width: column.tempCellWidth }"> {{columnName}} </div>

还要附加百分号 (%)，您应该在 for 循环中执行此操作

for (var i = 0; i < totalColumns; i++) {
    scope.columnMapping.columns[i].tempCellWidth = (scope.columnMapping.columns[i].cellWidth * 100) / tableWidth) + '%';
}