[英]How to show progress bar in different colors for the rows using prime ng progress bar in angular2
当我查看p-progressBar组件的代码时,似乎可以传递styleClass
属性绑定将自定义类绑定到p-progressBar
<td>
<p-progressBar width="100" [value]="statusDisplay.progressValue"
[styleClass]="getStyleClass(statusDisplay)">
</p-progressBar>
</td>
// you can have your own logic for class.
getStyleClass (statusDisplay) {
return statusDisplay.progressValue > 50 ? 'progressBar-green': ''
}
要么
其他方法将使用style
属性,如文档中所示
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.