javascript - Angularjs ui网格动态单元格模板值

Question

在 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 使其动态化？ ？状态是我的专栏。

Answer 1

Angular 提供了非常有用的指令，叫做 ng-style

ng-style="{width:'{{dynamicValue}}%'}"

在这种情况下

cellTemplate: ' <div class="progress"> <div class="progress-bar progress-bar-info" ng-style="{width:'{{dynamicValue}}%'}"></div> </div>'