Angularjs的ui网格动态单元格模板值

Angularjs ui grid dynamic cell template value

本文关键字:单元格 动态 ui 网格 Angularjs      更新时间:2023-09-26

在angularjs的ui grid中,我有如下所示的单元格模板:

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>'