Угловая контроллер - Невозможно отобразить значение

Question

Это должно быть очень простой вопрос для большинства из вас, ребята, но я новичок с угловой ..

Итак, я пытаюсь отобразить ProgressBar (так же, как тест на данный момент), но я не могу обновить значение.

Пример можно найти здесь: 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> 

почему он не работает? Спасибо за любую помощь

EDIT

Обновленный код с нг-значение вместо значения: http://jsbin.com/jujewiboya/edit?html,output

я могу видеть его перемещения здесь, но на моем примере я не могу, это просто полностью синий

Answer 1

Функция progress работает только onсe - при создании контроллера.

Попробуйте использовать $interval. Вот demo с директивой и $interval.

Answer 2

Try атрибут нг-значение вместо значения в теге

Answer 3

Вы должны изменить value к ng-value.

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

Вот js-fiddle