javascript - Angular UI Bootstrap 进度条 - 如何用表达式计算 "value"属性?

标签 javascript angularjs twitter-bootstrap angular-ui-bootstrap

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

Sample Here

关于javascript - Angular UI Bootstrap 进度条 - 如何用表达式计算 "value"属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35390120/

相关文章:

Javascript:是否有用于引用对象中当前节点的关键字?

Javascript - 从 javascript <String,String> map 中删除元素

javascript - Bootstrap 3 - 当模式隐藏时它会隐藏内容

jquery - Bootstrap 轮播的问题

javascript - 拼接不适用于 Angularjs

javascript - 如何删除选定的输入值

javascript - 依赖注入(inject)在 Angular 2 入门应用程序中不起作用

asp.net - 获取 ASP.NET WebForms 控件的所有 HTML 属性

java - Spring MVC不加载css、js文件到静态html页面

javascript - 如何让这些按钮向右浮动并垂直对齐一些垂直间距