进度条完全加载到 angular js & bootstrap 后，如何提醒？答案

【问题标题】：How do I alert a after the progress bar has completely loaded in angular js & bootstrap ?进度条完全加载到 angular js & bootstrap 后，如何提醒？
【发布时间】：2016-02-27 01:42:51
【问题描述】：

我想在进度条完全加载后加载图像（有点顺序）。我有这个sn-p。请帮忙！

<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); // 栏完全加载后，我想做点什么..

【问题讨论】：

所以要在超时后加载图像？
不一定，例如我想在第一个进度条加载完成后开始加载另一个进度条。
现在您已经用最后一条评论更改了问题。请在问题本身中提供适当的问题细节。进度条取决于您的数据模型
对不起，我只是指着“在进度条完全加载后做一些事情”。一旦第一个进度条完成，我实际上需要另一个进度条来开始加载。
你是怎么赶上进度结束事件的？我是创建一个事件的虚拟结束来给你答案，还是你只使用超时来结束该进度事件？

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

【解决方案1】：

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

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

在您的模板中：

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

【讨论】：

感谢您的评论，当进度条开始加载并且同时加载图像时，该评论有效。我想在进度条完全加载后加载图像。