dragulaService.setOptions内のthisの値にアクセスする

Question

私はactiveを私のクラスに定義します。 Dragulaコード内のactiveの値にアクセスしたいと思います。私がconsole.log私のthis.active私はundefinedを得るとき。私のコードのこの時点では、thisは私のクラスの開始時に宣言した変数ではなく、私のDragulaオブジェクトを参照しているようです。

Dragulaコード内でactiveの値にアクセスするにはどうすればよいですか？

export class GamePage { 

    active = []; 
    inactive = []; 

    constructor() { 

    this.dragulaService.setOptions('drop-'+this.tableID, { 
     revertOnSpill: true, 
     direction: 'horizontal', 
     moves: (el, source, handle, sibling) => this.checkPlayerCanBeDragged(el.id), 
     accepts: function (el, target, source, sibling) { 

     console.log('inactive', this.inactive); 

     return true; 

     }  
    }); 

    } 

} 

Answer 1

"this"のスコープは、クラス内のスコープとは異なります。

function (el, target, source, sibling) { 

    console.log('inactive', this.inactive); 

    return true; 

    }.bind(this); 

または

function (el, target, source, sibling,() => { 

    console.log('inactive', this.inactive); 

    return true; 

    });