UI-GRID的自定义标题单元格模板在FireFox中不起作用

Question

我正在使用http://ui-grid.info/并尝试在columnDefs中定义自定义headerCellTemplate。 当我直接在控制器中将代码附加到列时，它可以工作，但我希望它在一个单独的HTML文件中，并希望从那里加载。 在单独的文件中，它适用于谷歌浏览器，但不适用于Mozilla Fire Fox。

Ui网格配置

columnDefs: [
    {
        displayName: 'Delete',
        field: deleteField,
        enableSorting: false,
        enableColumnResizing: false,
        headerCellClass: 'text-center vertical-align-middle',
        headerCellTemplate: 'deleteHeaderCellTemplate.html',
        cellTemplate: 'deleteCellTemplate.html',
    }
]

在deleteHeaderCellTemplate.html中，我的代码是

<button type="button"
    class="btn btn-danger btn-sm"
    ng-class="{'disabled': grid.appScope.isDisabled()}"
    ng-click="grid.appScope.DeleteRecord()">
<span class="glyphicon glyphicon-trash"></span> {{col.displayName}}

它适用于chrome，但在Mozilla firefox中不起作用

提前感谢任何帮助。