AngularJS樣式問題IE

Question

我試圖弄清楚如何使此工作在IE上：

<div ng-if="result.is_mesurable==true" style="left:{{ (result.user_score * 20)-10}}%" class="test-box">

該代碼基本上會生成一個動態表，並且該對象的左側位置是從user_score值獲取的。

我知道IE無法正確讀取此聲明，過去我有一個類似的錯誤：

AngularJS怪異的渲染問題

“由於{{xxx.xxx}}是無效的CSS，因此被IE攔截，並且當角度編譯器掃描所有屬性時，樣式屬性為空。”

我知道必須有一個類似的解決方案，但是到目前為止，我一直無法弄清楚。

提前謝謝。

另外，僅需注意，IE上的結果是一個空樣式attr。

Answer 1

問題是相同的，可以用ng樣式或ng-attr樣式解決：

ng樣式：

<div ng-style="{left: ((result.user_score * 20) - 10) + '%'}" class="test-box" ng-if="result.is_mesurable==true">

ng-attr- *

<div ng-attr-style="left:{{ (result.user_score * 20)-10}}%" class="test-box" ng-if="result.is_mesurable==true" >