Question

对于大多数人来说，这应该是一个非常简单的问题，但我是一个有角度的初学者..

所以，我正在尝试显示一个进度条（就像当前的测试一样），但我无法更新该值。

可在此处找到一个示例：http://jsbin.com/cuvedoteye/edit?html,output

这是控制器代码：

.controller('test', ['$scope', function ($scope) {
        $scope.progress = function () {
            var display = 100 * (Date.now() % 60) / 60;
            return display;
        }
    }])

这是html：

<h3>ProgressBar</h3>
<progress ng-controller="test" value="progress()"></progress>

为什么它不起作用？谢谢你的帮助

修改

使用ng-value而不是value更新代码： http://jsbin.com/jujewiboya/edit?html,output

我可以看到它在这里移动，但在我的例子中，我不能，它只是完全蓝色

Answer 1

您必须将value更改为ng-value。

<h3>ProgressBar</h3>
<progress ng-controller="test" ng-value="progress()"></progress>

这是js-fiddle

Answer 2

函数progress仅在on_ee上运行 - 当控制器创建时。

尝试使用$interval。这是带有指令的demo和$interval。

Answer 3

在标记

中尝试ng-value属性而不是value

角度控制器 - 无法显示值

3 个答案: