我想将angular-ui的指令进度与指令ngClass结合起来。
到目前为止，我完全没有任何反应。我做错了吗，还是不能合并？
我想要的是一个进度条，该类在后台进程运行时处于活动状态，但在完成或出现错误时将其关闭。
HTML：
<progress max="100" percent="progress" class='progress-striped'
ng-class='{"active": active}'></progress>
JS：
$scope.active = true;
$scope.progress = {value:10, type:"danger"};
在http://plnkr.co/edit/koR0VnTKdpnhhMuD16hl上查看我的plunkr
干杯!
我建议你也尝试一下ng-style。您的问题在这里解决了
<div class="container_progress">
<div class="progress progress-striped" ng-class='{"active": active, "":!active}'>
<div class="bar" ng-style="bar_upload_style" >{{bar_upload_text}}</div>
</div>
</div>
并在控制器中：
updateProgressBar(20);
$timeout(function()
{
updateProgressBar(100);
}, 4000);
function updateProgressBar(value){
$scope.bar_upload_style = { "width": value+'%' };
$scope.bar_upload_text = value + "%";
if(value ==100) $scope.active = false;
}
看到 Plunker
就我而言，我按原样从引导程序获取进度条并进行了更改 %
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句