#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. И спасибо за предложение в стиле нг.