不能使用onAngularGridCreated发射器

Question

对于角Slickgrid库，我有一个问题，要修改排序按钮函数，我需要使用onAngularGridCreated事件，(我假设它)返回网格的实例。但是，当我在棱角光滑网格元素中添加以下一行时：

<angular-slickgrid gridId="{{this.gridData.id}}"
                   [columnDefinitions]="columnDefinitions"
                   [gridOptions]="gridOptions"
                   [dataset]="dataset"
                   (onAngularGridCreated)="angularGridReady($event.detail)"
>
</angular-slickgrid>

我知道这个错误：

事件onAngularGridCreated既不由任何适用的指令发出，也不由角光滑网格元素发出。

即使在查看文档时，我也不知道如何使它工作。

以下是我在应用模块中引入的角度光滑网格：

imports: [
    ...
    AngularSlickgridModule.forRoot({
      locales: localeFrench
    })
],

Answer 1

在就这个问题交换了所有评论之后，问题在于IDE (通常是Visual )使用的角度语言服务(通常是Visual)，并且在启用strictTemplates时抛出一些错误(参见角编译器-选项)。认真地说，我希望他们会用自定义事件来修复这个问题，但据我所知，他们还没有，我们只能按照下面的步骤绕过错误。

你有三种方法来处理这个问题

1. 禁用strictTemplates (最简单但不会看到所有其他潜在的有效错误)

// tsconfig.app.json
{
    "extends": "./tsconfig.json",
    "angularCompilerOptions": {
      "strictTemplates": false
    },
  }

1. 只使用Event作为参数类型，然后将detail属性强制转换为AngularGridInstance

<angular-slickgrid gridId="grid28"
    [columnDefinitions]="columnDefinitions"
    [gridOptions]="gridOptions"
    [dataset]="dataset"                    
    (onAngularGridCreated)="angularGridReady($event)">
</angular-slickgrid>

angularGridReady(event: Event) {
    this.angularGrid = (event as CustomEvent).detail as AngularGridInstance;
    this.gridObj = this.angularGrid.slickGrid;
}

1. 在视图中使用$any()

<angular-slickgrid gridId="grid28"
    [columnDefinitions]="columnDefinitions"
    [gridOptions]="gridOptions"
    [dataset]="dataset"                    
    (onAngularGridCreated)="angularGridReady($any($event).detail)">
</angular-slickgrid>

这也是由另一个用户在这个角度-Slickgrid 讨论中报告的，我也问了另一个用户，所以我问自己与这个问题有关的问题：

• 不是自定义事件类型吗？

就我个人而言，我是而不是使用strictTemplates的，所以我从来没有遇到过这个问题，但是如果这是您想要保持的，那么就选择2或3。