Angular 2在注入服務上未定義

Question

我有一個Angular 2組件，該組件實現了作為AG-GRID一部分的接口IDatasource

我無法從dataSource getRows函數中獲得注入的httpClient服務。

我假設這與我不了解的注射有關。 但是我不能為為什么而動。

constructor(private httpClient: HttpClient) {
    //This one works perfectly fine and httpClient is defined.
    console.log(this.httpClient);

    this.gridOptions = <GridOptions>{
        //Removed other config for brevity.
        datasource: {
            getRows: function (params) {
                let data: any[] = [];


                //this one - the httpClient is undefined. No idea why?
                console.log(this.httpClient);


                // this.httpClient.post('incidents/GetIncidentList', params).subscribe(response => data = response.json());
                let lastRow = -1;
                params.successCallback(data, lastRow);
            }
        }
    };
}

還嘗試將其定義為單獨的屬性，並得到完全相同的問題。

private dataSource: IDatasource = {
    getRows: function (params) {
        let data: any[] = [];
        console.log(this.httpClient);
        // this.httpClient.post('incidents/GetIncidentList', params).subscribe(response => data = response.json());
        let lastRow = -1;
        params.successCallback(data, lastRow);
    }
}

Answer 1

如果要inside the callback use使用´this inside the callback use （）=> instead of function（）

getRows: function (params) {

應該

getRows: (params) => {