Progressbar不工作ngx-bootstrap
Progressbar不工作ngx-bootstrap
提问于 2018-02-19 12:29:49
我找到了下面关于进度条value属性的描述。进度条的当前值可以是对象的数量或数组，如{"value":15,"type":"info","label":"15 %"}
在使用它时，我将值传递为：
<progressbar max="100" [value]="[{'value':15,'type':'success','label':'15 %'}, {'value':15,'type':'danger','label':'15 %'}]" [striped]="true" [animate]="true"><i></i></progressbar>
但是，它并没有给我一个成功与危险并存的进步标杆。我做错了什么吗，请导游？
回答 3
Stack Overflow用户
发布于 2018-02-19 12:41:32
是的，您应该一次只给出一个值来显示一种类型的进度条。
试试这个：
<progressbar max="100" [value]="progressValue" [striped]="true" [animate]="true"><i></i></progressbar>然后在组件上：
ngOnInit() {
this.progressValue = {'value':15,'type':'success','label':'15 %'};
setTimeout(() => this.progressValue = {'value':15,'type':'danger','label':'15 %'}, 3000);您不会使用setTimeout更改值和类型，而是依赖于其他操作。
Stack Overflow用户
发布于 2018-02-19 15:09:13
感谢大家的回复。我试图在同一进度条中显示多个进度。因此，当我尝试使用ngx-bootstrap实现时，我面临着上述问题。同样的事情，我可以用普通的bootstrap和一些angular 5来做。
<div class="progress">
<div class="progress-bar bg-success progress-bar-animated progress-bar-striped" role="progressbar" [style.width.%]="progress.correctPer" [attr.aria-valuenow]="progress.correctPer" aria-valuemin="0" aria-valuemax="100">{{(progress.correctPer ? (progress.correctPer + '%'):'')}}</div>
<div class="progress-bar bg-danger progress-bar-animated progress-bar-striped" role="progressbar" [style.width.%]="progress.wrongPer" [attr.aria-valuenow]="progress.wrongPer" aria-valuemin="0" aria-valuemax="100">{{(progress.wrongPer ? (progress.wrongPer+'%'):'')}}</div>
</div>
Stack Overflow用户
发布于 2018-02-19 15:33:26
ngx-bootstrap@2.0.2的最新版本存在此问题。这将在下一个版本中修复，或者您可以立即使用自定义css修复：
progressbar.progress {
display: flex;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48866262
复制
![[Git] 代码管理之 Git（六）Git rebase 压缩提交历史](https://ask.qcloudimg.com/http-save/yehe-4998871/y52udk9rng.png)
相似问题
如何最好地使用git来管理数据库更新？
MySQL数据库中的历史字段
git如何拉动管理提交历史？
是否可以在我的网站中嵌入git来管理图像历史？
如何替代git历史文件中的文本？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
