Angular2コンポーネントでこの範囲の問題が発生しました

Question

angular2のtypescriptに問題があります。 私はメソッドへの参照の保存に使用される1つのプロパティを持つ単純なクラスを持っています。

export class Icon{ 
    public OnClick?:() => void; 
} 

が次にコンポーネントで、私は私がicon.OnClick（）が正しくmyOnClickMethodを呼び出しているを呼び出していますHTMLテンプレートには、この変数

iconSource: Icon[] { 
    { OnClick: this.myOnClickMethod() } 
} 

public myOnClickMethod(){ 
    this.toggleFilterRow(); 
} 

public toggleFilterRow() 
{ 
    //some logic for filtering the grid 
} 

にメソッドを設定（） すべてがありますmyOnClickMethod（）は、コンポーネントのスコープではなくアイコンのスコープです。 （結果=不明のメソッドtoggleFilterRow（）） この「スコープ」の問題について私にいくつかのヒントを送ってください。ありがとう

Answer 1

iconSource: Icon[] { 
    { OnClick:() => { this.myOnClickMethod(); } } 
} 

public myOnClickMethod(){ 
    this.toggleFilterRow(); 
} 

public toggleFilterRow() 
{ 
    //some logic for filtering the grid 
} 

太い矢印（=>）を使用すると、このコンテキストは保持されます。