Question

我正在使用Angular UI / UI Bootstrap的Progressbar指令（http://angular-ui.github.io/bootstrap/），如下所示：

<progressbar max="questions.length" value="currentQuestion">
   {{currentQuestion}} von {{questions.length}} Fragen
</progressbar>

questions和currentQuestion都在封闭控制器的范围内。问题是，questions从后端动态加载，并且仅在经过几毫秒后才可用。

但是，我发现如果questions.length在视图（其中嵌入了<progressbar>）的时候没有设置，则＃34;编译＆＃34;，进度条不会得到正确显示。如果我在控制器中设置了questions = [1,2,3]，它就会正确显示，但静态max为3，即使加载了questions之后也没有改变。我不知道前期questions会有多长，这应该是动态的。另一方面，value属性可以动态更改，这是有效的。

Answer 1

我同时找到了一个解决方法，正如@johnnyaug在https://github.com/angular-ui/bootstrap/issues/1547

上所建议的那样

<progressbar max="100" value="( currentQuestion * 100 ) / questions.length"></progressbar>

AngularUI / UI Bootstrap progressbar指令中的动态最大值

1 个答案: