Угловой 1.4: Индикатор выполнения не работает должным образом

#html #angularjs #progress-bar

Вопрос:

Итак , у меня есть основное приложение , из которого мы выбираем некоторые данные, и эти данные передаются в microservice , используя RabbitMQ , где данные обрабатываются. Теперь я использую Pusher для отправки обратно количество обработанных товаров. Он работает нормально , но когда я передаю эти данные progress bar , он работает неправильно, например, перестает показывать полосу, например, после того, как число равно 40. Вот как я это делаю:

 var channel = pusher.subscribe('my-channel');
channel.bind('my-event', function (data) {
    if (data.message === 'Added') {
          $scope.totalProcessed  ;
          $scope.processedPercentage = ($scope.totalProcessed / $scope.totalTOsSelectedForCo2Calculations * 100).toFixed(2);
          $scope.showPercentage = $scope.totalProcessed === $scope.totalTOsSelectedForCo2Calculations ? false : true;
     }
});
 

Вот мой индикатор выполнения html:

 <div class="progress">
        <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
             aria-valuenow="{{processedPercentage}}" aria-valuemin="0" aria-valuemax="100" style="width: {{ processedPercentage}}%">
            {{processedPercentage}}
        </div>
    </div>
 

Вот изображение, на котором он останавливается на 14,78 процента, когда переменная $scope.totalTOsSelectedForCo2Calculations имеет значение 203. Что я здесь делаю не так? Как я могу заставить это работать?
введите описание изображения здесь

Комментарии:

1. Вы проверили, что $scope.totalProcessed это продолжает увеличиваться все время? Кроме того, в качестве наилучшей практики вы должны использовать ng-style="{ 'width': processedPercentage '%' }"

2. @JacobStamm да, когда я печатаю его в консоли, значение увеличивается, но по какой-то причине оно не отражается в html. И спасибо за предложение в стиле нг.