Angularjs Angular JS：如何在ng网格分组列中使用图标？

有没有办法在ng网格分组列中显示图标而不是文本

更新日期：2015年4月14日

我做到了！在普朗克做了个榜样，但我可以做我想做的事。 谢谢大家

$scope.gridOptions = {
    ...
    aggregateTemplate: aggregateRowTemplate()
};


function aggregateRowTemplate() {
    var result =
        "<div ng-click=\"row.toggleExpand()\" ng-style=\"rowStyle(row)\" class=\"ngAggregate\">" +
        "    <img ng-src='{{row.label}}' lazy-src >" +
        "    <div class=\"{{row.aggClass()}}\"></div>" +
        "</div>"

    return result;
}

$scope.gridOptions={
...
aggregateTemplate:AggregateRowtTemplate（）
};
函数AggregateRowtTemplate（）{
var结果=
"" +
"    " +
"    " +
""
返回结果；
}

---

Plunker:使用columnDefs，如中所述，cellTemplate允许您为要在列单元格中显示的内容提供HTML字符串

示例使用：

$scope.gridOptions={
数据：[{name:“line 1”，图标：“plus”}，
{名称：“第2行”，图标：“垃圾”}
}],
columnDefs：[
{字段：'name'，显示名称：'name'}，
{
字段：'icon'，
displayName:“图标”，
单元格模板：“”
}
]
};

可能吧。你试过什么？与我们分享一些内容，以便更好地帮助您

$scope.gridOptions = { 
    data: [{name: "line 1", icon: "plus"},
           {name: "line 2", icon: "trash"}
    }],
    columnDefs: [
        {field: 'name', displayName: 'Name'},
        {
            field:'icon',
            displayName:'icon',
            cellTemplate: '<div><i class="ngCellText" ng-class="glyphicon glyphicon-{{ row.getProperty(col.field) }}"></i></div>'
        }
    ]
 };