HTML5进度条没有使用Angular JS在Microsoft Edge上显示值

Question

我有一个问题，我在网站上有一个进度条，最大设置为100，并在页面加载时动态设置值。 它适用于Firefox，Chrome和Safari，但在Microsoft Edge上，该值始终被解释为0.我的HTML代码在ng-repeat内部是：

<progress max="100" value={{element.progress}}></progress>

element.progress总是一个整数值。 当我在Edge开发人员工具上查看它时，我看到该值设置为0.其他所有内容都在网站上运行，所有值都正确显示。 只是进度标记不起作用。 如果我使用document.getElementById并在控制台上设置它的工作原理。

Answer 1

尝试使用ng-value而不是value

<progress max="100" ng-value="element.progress"></progress>