Question

我已经为标题定义了模板：

  headerCellTemplate: function () {
            var eCell = document.createElement('span');
            eCell.innerHTML = '<span ng-click="deleteColumn()" class="glyphicon glyphicon-minus"></button></span>';
            return eCell;
        }

我的控制器中也有功能：

$scope.deleteColumn = new function(){
    console.log("test");
}

如何让ag-grid从我的$ scope调用deleteColumn（）？因为现在点击不是从父范围调用方法。

Answer 1

不幸的是，不支持headerTemplates中的角度编译。您必须使用headerCellRenderer。

这应该有效：

<job-xml>

还要确保在启用gridOptions的标题中进行角度编译：

headerCellRendererFunc: function (params) {
    // set the right scope for the grid params
    params.$scope.deleteColumn = $scope.deleteColumn;

    var eCell = document.createElement('span');
    eCell.innerHTML = '<span ng-click="deleteColumn()" class="glyphicon glyphicon-minus"></button></span>';
    return eCell;
}

在ag-grid标题模板中单击ng

1 个答案: