使用ng2-smart表的回调 'this'函数时，Angular 4， 'onComponentInitFunction'未定义

Question

我在我的组件中使用 ng2-smart-table。

我试图调用父组件的approveTheOrder()方法，但我无法获取父类的对象

下面是片段

{
  title: "Actions",
  type: "custom",
  renderComponent: ActionRenderComponent,
  onComponentInitFunction(instance) {
    instance.actionEmitter.subscribe(row => {
      if(row == CONSTANT.STATUS_APPROVE){
        //here 'row' value is from childComponent-ActionRenderComponent,which I am able to get easily in parentComponet 
       this.approveTheOrder(instance.rowData.id); // here this is undefined, 

      }
      if(row == CONSTANT.STATUS_REJECT){
        this.rejectOrder();//this is undefined
      }
      if(row == CONSTANT.STATUS_PENDING){
        this.pendingOrder(); // this is undefined
      }
    });
  },

  filter: false
};

有谁知道如何在下面的 onComponentInitFunction() 中获取“this”吗？

下面是我遇到的错误的图片。

我也尝试使用'bind'功能没有成功实现目标，谁能在这里指导我，我真的被困在这一点上。

编辑 1请注意，我能够从 parentComponent 中的 ChildComponent 获取事件，但这里的问题特定于 ng2-smart-table 组件。

为了从 ChildComponent 获取值，我正在尝试使用 ng2-smart-table 组件的内置回调函数 onComponentInitFunction(instance)

Answer 1

语法如下:

{
  onComponentInitFunction(instance) {
    ...

将转换为函数表达式:

{
  onComponentInitFunction: function(instance) {
    ...

你应该使用箭头函数来保留this:

onComponentInitFunction: (instance) => {