Angularjs ui网格单元模板应在其模板呈现中使用单元值

我正在使用Angularjs ui网格，我需要在单元格模板渲染方面的小帮助。在每行中，第一列应显示基于单元格值的进度条。因此，我在控制器中使用了以下功能：

var ctrl = this;

    ctrl.gridOptions = {};

ctrl.gridOptions.columnDefs = [{
        field: 'completeStatus',
        cellTemplate: ' <uib-progressbar value="55"> </uib-progressbar>',
        width: 100
    },

    {
        field: 'invoiceNum'
    }
];

ctrl.gridOptions.data = [{
    "completeStatus": "70",

    "invoiceNum": "2332324"
}, {
    "completeStatus": "50",

    "invoiceNum": "1221123"
}, {
    "completeStatus": "20",

    "invoiceNum": "-"
}];

但它不起作用。我希望我的进度条使用单元格的值，并且我希望在跨度中显示该值。有人能帮我解决这个问题吗？

试试这个：

{{row.entity.completeTastus}

通过这种方式，您可以告诉ui网格插入具有

completeStatus

属性的行对象

<div id="regGrid" ui-grid="ctrl.gridOptions" class="reg-grid"></div>

 cellTemplate: '<span> '+ completeStatus +' </span> <uib-progressbar value='+ completeStatus + '> </uib-progressbar>'