製作ng-grid cellText從正方形到圓形

Question

我在這裏創建了一個plunker http://plnkr.co/edit/VIMTutnu1BzGVfujlhhJ，並且想要看看是否有人可以拋出一些指示使這些單元格背景（顯然顯示爲方形）顯示爲圓形。基本上我使用的ngCellText如下所示：

cellTemplate: '<div title="{{row.entity.EHStatus.TOPPER.desc}}" class="ngCellText"'+ 
            'ng-class="{\'green\' : row.getProperty(\'EHStatus.TOPPER.code\') == \'1\' ,\'orange\' : row.getProperty(\'EHStatus.TOPPER.code\') > \'1\',\'red\' : row.getProperty(\'EHStatus.TOPPER.code\') == \'0\',\'yellow\' : row.getProperty(\'EHStatus.TOPPER.code\') < \'0\'}" >&nbsp;</div>'}, 

有沒有什麼好的乾淨的方法來實現這一目標？請告訴我！！

Answer 1

只要給border-radius: 50%您所有的色彩類別

事情是這樣的：

.green { 
    background-color: green; 
    color: white; 
    border-radius: 50%; 
}