Angular UI Bootstrap进度栏-如何使用表达式计算“值”属性?

ctrlz

我想在表中使用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。

我该如何工作?

Pankaj Parkar

value属性不应该使用插值{{}}内在价值属性,你可以直接拿到范围变量值在里面,像角的做其他指令ng-clickng-if等等。

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

在这里取样

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular UI引导进度栏最小宽度

来自分类Dev

带有角度计时器的角度ui-bootstrap进度栏未显示值

来自分类Dev

将angular-ui进度栏与ngClass结合

来自分类Dev

Bootstrap进度栏起始值

来自分类Dev

RSpec + Capybara:如何测试Bootstrap进度栏

来自分类Dev

Bootstrap进度栏-无论进度如何,文本均居中

来自分类Dev

使用Bootstrap进度栏在模态中显示上传进度

来自分类Dev

如何在jquery ui进度栏中使用变量

来自分类Dev

无法为jQuery UI进度栏分配实际值

来自分类Dev

无法为jQuery UI进度栏分配实际值

来自分类Dev

如何格式化jQuery UI进度栏

来自分类Dev

Angular如何计算插值中的表达式?

来自分类Dev

使用Angular UI / Bootstrap UI隐藏选项卡标题

来自分类Dev

使用Angular UI Bootstrap制作轮播表单

来自分类Dev

使用日期列过滤 angular ui bootstrap

来自分类Dev

如何使用jQuery动画化Twitter Bootstrap进度栏

来自分类Dev

如何在Bootstrap 3进度栏中居中显示文本?

来自分类Dev

如何在Bootstrap 3中为进度栏设置动画?

来自分类Dev

如何在Bootstrap 4中为进度栏设置动画?

来自分类Dev

如何在Bootstrap 3进度栏中居中显示文本?

来自分类Dev

如何在Bootstrap 3中增加进度栏的限制

来自分类Dev

使用复选框增加Bootstrap进度栏

来自分类Dev

使用复选框增加Bootstrap进度栏

来自分类Dev

使用标题栏拖动Angular UI模式

来自分类Dev

如何在Angular UI Bootstrap Datepicker中使用模板?

来自分类Dev

如何使用Angular UI Bootstrap设置默认格式日期

来自分类Dev

如何使用Mobile Angular UI和Bootstrap修改CSS

来自分类Dev

如何使用Angular.js和UI Bootstrap创建分页

来自分类Dev

如何使用Angular.js和UI Bootstrap创建分页

Related 相关文章

热门标签

归档