如何在ui.grid中使用angular-bootstrap-toggle

Question

我正在尝试将http://ziscloud.github.io/angular-bootstrap-toggle/与http://ui-grid.info/一起使用。

我将列添加为：

{
    name: 'Status',
    field: 'active',
    width: 350,
    headerCellClass: 'grid-align-center',
    cellClass: 'grid-align-center',
    cellTemplate:
        '<toggle ng-model="ctrl.active" ng-change="grid.appScope.changed(ctrl.active)" on="Active" off="Inactive" ' +
            'onstyle="btn-success" offstyle="btn-danger" style="ios slow"></toggle>'
}

到gridoptions：

<div ui-grid="ctrl.gridOptions" class="grid" ui-grid-edit ui-grid-row-edit ui-grid-cellNav ui-grid-auto-resize></div>

我可以通过删除宽度来获取修改后的版本来触发change（）：从bootstrap-toggle控件生成的toggle-group类中减去200％。 在没有ui网格的情况下，切换控件可以正常工作。 我尝试了很多不同的方法，但都没有碰到运气。 我想知道是否有办法使它们一起工作？