如何在进度条完全加载角度js&引导?

时间:2016-02-26 17:32:58

标签: jquery angularjs twitter-bootstrap progress-bar angular-ui-bootstrap

我想在进度条完全加载后加载图像(顺序类型)。我有这个片段。请帮忙!

<progressbar class="progress-striped active" animate="true" max="100" value="progressValue2" type="success"><i><span count-to="{{countTo}}" duration="1" count-from="{{countFrom}}"></span> / 100</i></progressbar>

这是在我的控制器中。      var amt = 100; $scope.countTo = amt; $scope.countFrom = 0; $timeout(function(){ $scope.progressValue2 = amt; }, 200);     //在条形码完全加载后的某些东西,我想做点什么..

1 个答案:

答案 0 :(得分:0)

如果我理解正确,你应该使用超时返回的承诺:

$timeout(function(){
    $scope.progressValue2 = amt;
}, 200).then(function(){
    $scope.showImage = true;
});

在你的模板中:

<img ng-if="showImage" ng-src="" ... />