我想在表格中使用 UI bootstrap progressbar 来直观地表示一些统计数据。统计数据是百分比,因此它应该可以很好地工作,即百分比越高,条形图越长。
我需要用表达式计算值,所以我在表列中创建进度条元素:
<uib-progressbar type="info" value="{{ ((statValue / total) * 100) }}"></uib-progressbar>
澄清一下,这是一个简化的示例,但重点是我在尝试计算值属性时无法使用任何类型的表达式。
如果我给属性一个不同的名称它会起作用,如果我在任何其他类型的元素(例如 div)上创建一个“值”属性它会起作用。它似乎不适用于 uib-progressbar 元素上的值属性,而这正是我需要它的地方!
我在浏览器控制台中得到的错误是:
“错误:[$parse:syntax] 语法错误:从 [{ ((statValue/总计)* 100)}}]。”
我正在使用 angularjs 1.4.9 和 angular-ui-bootstrap 1.1.2。
我如何让它工作?
最佳答案
value
属性不应该在 value 属性中使用插值 {{}}
,你可以直接在其中获取范围变量值,就像 angular 的其他指令一样 ng-click
, ng-if
等
<uib-progressbar type="info" value="((statValue / total) * 100)"></uib-progressbar>
关于javascript - Angular UI Bootstrap 进度条 - 如何用表达式计算 "value"属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35390120/