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>