Angularjs ui 网格动态单元格模板值
Angularjs ui grid dynamic cell template value
在 angularjs ui 网格中,我有如下所示的单元格模板:
cellTemplate: " <div class="progress"> <div class="progress-bar progress-bar-info" style="width: 20%"></div> </div>"
现在我需要根据单元格值动态设置宽度百分比(style="width: 20%"
),它可能是30% or 40% or 53%, etc
。我们如何使用 row.entity.status
使其动态化?状态是我的专栏。
Angular 提供非常有用的指令,称为 ng-style
ng-style="{width:'{{dynamicValue}}%'}"
在这种情况下
cellTemplate: ' <div class="progress"> <div class="progress-bar progress-bar-info" ng-style="{width:'{{dynamicValue}}%'}"></div> </div>'
在 angularjs ui 网格中,我有如下所示的单元格模板:
cellTemplate: " <div class="progress"> <div class="progress-bar progress-bar-info" style="width: 20%"></div> </div>"
现在我需要根据单元格值动态设置宽度百分比(style="width: 20%"
),它可能是30% or 40% or 53%, etc
。我们如何使用 row.entity.status
使其动态化?状态是我的专栏。
Angular 提供非常有用的指令,称为 ng-style
ng-style="{width:'{{dynamicValue}}%'}"
在这种情况下
cellTemplate: ' <div class="progress"> <div class="progress-bar progress-bar-info" ng-style="{width:'{{dynamicValue}}%'}"></div> </div>'