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