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

【问题标题】：Angularjs ui grid dynamic cell template valueAngularjs ui网格动态单元格模板值
【发布时间】：2016-10-20 20:54:18
【问题描述】：

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

【问题讨论】：

【解决方案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>'

【讨论】：