html - 如何使用angular js实现进度条来处理多个请求？

Question

我已经创建了多个订单，现在我必须确认所有这些订单但直到并且除非所有订单都得到确认我必须出示进度条并必须显示已确认订单的状态

即假设我已经确认了 10 个订单然后是 1/10 然后是 2/10 然后是 3/10 ...10/10 订单状态在后台得到确认。

下面我有一个例子，但不符合要求..

angular.module("app", []) .controller("main", ['$scope',
   function($scope) {
       $scope.value = 10
       $scope.items = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100] }]) .directive('progressbar', [function() {
       return {
           restrict: 'A',
           scope: {
               'progress': '=progressbar'
           },
           controller: function($scope, $element, $attrs) {
               $element.progressbar({
                   value: $scope.progress
               })
   
               $scope.$watch(function() {
                   $element.progressbar({value: $scope.progress})
               })
           }
       } }])

Answer 1

我曾经使用过以下模板:

你可以使用它:

http://victorbjelkholm.github.io/ngProgress/