Ag-grid (Angular 2) не может получить доступ к компонентным полям в CellRenderer

я сталкиваюсь с этой проблемой при попытке вызвать метод службы на событие click кнопки, которая создается с помощью cellRenderer.

Я использую ag-grid с Angular2.

{ headerName: 'Update', field: "update", width: 80, cellRenderer : this.updateRecord }


updateRecord(params) {
    var eDiv = document.createElement('div');
    eDiv.innerHTML = '<span class="my-css-class"><button class="edit">Edit</button></span>';
    var eButton = eDiv.querySelectorAll('.edit')[0];
    eButton.addEventListener('click', function() {
      this.myService.getAll().subscribe(data => console.log(JSON.stringify(data)))
    });
    return eDiv;
  }

Я получаю следующую ошибку :

EXCEPTION: Cannot read property 'getAll' of undefined

кроме того, я не могу получить доступ ни к одной из моих переменных компонентов.

1 ответов


cellRenderer находится в другом контексте, поэтому this не работает в .

необходимо инициализировать