はエラーガット：プロパティ 'gridOptions' のタイプに存在しません 'HTMLInputElementの'

Question

を私持っているこれらのコード

table.component.ts：

cb.addEventListener('change', function(e) { 
    if (e[0].checked) { 
    this.gridOptions.api.selectAll(); 
    } else { 
    this.gridOptions.api.deselectAll(); 
    } 
}); 

：

export class TableComponent { 
    private gridOptions:GridOptions; 

    constructor() { 
    this.gridOptions = <GridOptions>{}; 
    this.gridOptions.headerCellRenderer = this.headerCellRendererFunc; 
    } 

    private headerCellRendererFunc(e){ 
    console.log(e.value); 
    if (e.value !== 'checkbox') { 
     return e.value; 
    } 

    var cb = document.createElement('input'); 
    cb.setAttribute('type', 'checkbox'); 
    var eHeader = document.createElement('label'); 
    eHeader.appendChild(cb); 
    cb.addEventListener('change', function(e) { 
     if (e[0].checked) { 
     this.gridOptions.api.selectAll(); 
     } else { 
     this.gridOptions.api.deselectAll(); 
     } 
    }); 

    return eHeader; 
    } 
} 

エラーが上であります

this.gridOptionsは認識されません。 "this"スコープがaddEventListenerにあるようです。

TableComponentクラスのgridOptionsをどのように参照しますか？

Answer 1

は、周囲のthisを維持するために、矢印の機能を使用します。

cb.addEventListener('change', e => { 
    if (e[0].checked) { 
    this.gridOptions.api.selectAll(); 
    } else { 
    this.gridOptions.api.deselectAll(); 
    } 
});