Angular UI Bootstrap進度欄-如何使用表達式計算“值”屬性？

Question

我想在表中使用UI引導進度條來提供一些統計信息的可視化表示。 統計數據是百分比，因此它應該可以很好地工作，即百分比越高，指示條越長。

我需要使用表達式來計算值，所以我要在表列內創建progressbar元素：

<uib-progressbar type="info" value="{{ ((statValue / total) * 100) }}"></uib-progressbar>

只是為了澄清，這是一個簡化的示例，但要點是，在嘗試計算value屬性時，我無法獲得任何形式的表達式。

如果我給該屬性一個不同的名稱，它會起作用；如果我在任何其他類型的元素（例如div）上創建一個“值”屬性，它將起作用。 uib-progressbar元素上的value屬性似乎不起作用，這正是我需要的地方！

我在瀏覽器控制台中遇到的錯誤是：

“錯誤：[$ parse：syntax]語法錯誤：表達式[{{（（statValue / total）* 100）}}]]第2列的令牌'{'無效鍵，從[{（（statValue / total）* 100）}}]。”

我正在使用angularjs 1.4.9和angular-ui-bootstrap 1.1.2。

我該如何工作？

Answer 1

value屬性不應在value屬性內部使用插值{{}} ，您可以直接在其中獲取范圍變量值，就像angular的其他指令ng-click ， ng-if等一樣。

<uib-progressbar type="info" value="((statValue / total) * 100)"></uib-progressbar>