我想在表中使用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。
我该如何工作?
value
属性不应该使用插值{{}}
内在价值属性,你可以直接拿到范围变量值在里面,像角的做其他指令ng-click
,ng-if
等等。
<uib-progressbar type="info" value="((statValue / total) * 100)"></uib-progressbar>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句