Angular UI Bootstrap 进度条 - 如何用表达式计算 "value" 属性？
Angular UI Bootstrap progress bar - how to calculate "value" attribute with expression?
我想在 table 中使用 UI bootstrap 进度条来直观地表示一些统计数据。统计数据是百分比，因此它应该很好地工作 quite，即百分比越高，条形图越长。
我需要用表达式计算值，所以我在 table 列内创建进度条元素：
<uib-progressbar type="info" value="{{ ((statValue / total) * 100) }}"></uib-progressbar>
澄清一下，这是一个简化的示例，但重点是我在尝试计算值属性时无法使用任何类型的表达式。
如果我给属性一个不同的名称它会起作用，如果我在任何其他类型的元素上创建一个 "value" 属性（例如 div）它会起作用。它似乎不适用于 uib-progressbar 元素上的值属性，而这正是我需要它的地方！
我在浏览器控制台中得到的错误是：
"Error: [$parse:syntax] Syntax Error: Token '{' invalid key at column 2 of the expression [{{ ((statValue / total) * 100) }}] starting at [{ ((statValue / total) * 100) }}]."
我正在使用 angularjs 1.4.9 和 angular-ui-bootstrap 1.1.2.
我如何让它工作？
value 属性不应在值属性内部使用插值 {{}}，您可以直接在其中获取范围变量值，就像 angular 的其他指令一样 ng-click , ng-if, 等等
<uib-progressbar type="info" value="((statValue / total) * 100)"></uib-progressbar>
我想在 table 中使用 UI bootstrap 进度条来直观地表示一些统计数据。统计数据是百分比，因此它应该很好地工作 quite，即百分比越高，条形图越长。
我需要用表达式计算值，所以我在 table 列内创建进度条元素：
<uib-progressbar type="info" value="{{ ((statValue / total) * 100) }}"></uib-progressbar>
澄清一下，这是一个简化的示例，但重点是我在尝试计算值属性时无法使用任何类型的表达式。
如果我给属性一个不同的名称它会起作用，如果我在任何其他类型的元素上创建一个 "value" 属性（例如 div）它会起作用。它似乎不适用于 uib-progressbar 元素上的值属性，而这正是我需要它的地方！
我在浏览器控制台中得到的错误是：
"Error: [$parse:syntax] Syntax Error: Token '{' invalid key at column 2 of the expression [{{ ((statValue / total) * 100) }}] starting at [{ ((statValue / total) * 100) }}]."
我正在使用 angularjs 1.4.9 和 angular-ui-bootstrap 1.1.2.
我如何让它工作？
value 属性不应在值属性内部使用插值 {{}}，您可以直接在其中获取范围变量值，就像 angular 的其他指令一样 ng-click , ng-if, 等等
<uib-progressbar type="info" value="((statValue / total) * 100)"></uib-progressbar>