角度2 /イオンアクセスクラス関数

Question

Ionic（Angular 2）を使用していますが、ダイアログプロミスで関数leaveGroup（group）にアクセスできないため、次のコードは動作していないようです。

leaveGroupTapped(event, group) { 
this.dialogs.confirm("Are you sure you want to leave this group?", "Confirm") 
    .then(function (index) {  
     if (index == 0) { 
     //dialog dismissed - do nothing 
     } else if (index == 1) { 
     //OK call next function to remove the group 
     this.leaveGroup(group) //does not work ofcourse 
     } else { 
     //Cancel 
     } 
    }); 
} 

leaveGroup(group) { 
//Do some stuff here 
} 

この作品をどのように作成しますか？

ここおかげ

Answer 1

問題はthis.leaveGroup()の範囲を定義することにあります。私はここにES6の矢印機能を使用し、ここで

leaveGroupTapped(event, group) { 
    this.dialogs.confirm("Are you sure you want to leave this group?", "Confirm") 
    .then((index) => {  
     if (index == 0) { 
     //dialog dismissed - do nothing 
     } else if (index == 1) { 
     //OK call next function to remove the group 
     this.leaveGroup(group) //does not work ofcourse 
     } else { 
     //Cancel 
     } 
    }); 
} 

お知らせ：

は、次のようにコードを修正します。今度はthis.leaveGroup()の範囲を定義する必要があります。これは、あなたが参照している範囲内で機能します。

leaveGroup()は現在問題なく動作しているはずです。

矢印関数式は、関数 表現よりも短い構文を持っており、この独自のを結合しない、スーパー引数、または new.target - MDN

方法の詳細を理解するために矢印機能、このとレキシカルスコープ作品：

• https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions

• https://toddmotto.com/es6-arrow-functions-syntaxes-and-lexical-scoping/