Typescript：ForEachブロック内でメンバー変数を更新できません

Question

コンストラクタ内のデータメンバーに値を動的にプッシュしようとしましたが、のforEachブロック内にそのメンバーにアクセスできません。

ここ

AppComponentClass

export class AvailableRidersComponent { 
 
    public availableDrones: Pickdrone[]; 
 
    constructor() { 
 
    const db = firebase.database(); 
 
    const availableRidersRef = db.ref('/riders/active_riders/available/'); 
 
    availableRidersRef.on('value', snapshot => { 
 
     snapshot.forEach(function (childSnapshot) { 
 
     const riderProfileRef = db.ref('/riders/Pickdrones/' + childSnapshot.key); 
 
     riderProfileRef.on('value', dataSnap => { 
 
      const riderProfile = { 
 
      name: dataSnap.val().name, 
 
      id: dataSnap.key, 
 
      contact: dataSnap.val().contact, 
 
      email: dataSnap.val().email 
 
      }; 
 
      console.log(riderProfile); //Prints values properly 
 
      this.availableDrones.push(riderProfile); //ERROR TypeError: Cannot read property 'availableDrones' of undefined 
 
     }); 
 
     }); 
 
    }); 
 
    } 
 
}

と私たちはここに私Pickdroneクラス

export class Pickdrone { 
public name: string; 
public id: string; 
public contact: string; 
public email: string; 
// vehicleType: string; 

constructor(name: string, id: string, contact: string, email: string){ 
    this.name = name; 
    this.contact = contact; 
    this.id = id; 
    this.email = email; 
} 

}

Answer 1

あなたは例えば次のように、あなたのavailableDrones配列を初期化する必要があります。より良いコードのための

public availableDrones: Pickdrone[] = {}; 

も、ようなタイプPickdrone の定数riderProfileを作る：コンパイラができるように

 const riderProfile: Pickdrone = { 
     name: dataSnap.val().name, 
     id: dataSnap.key, 
     contact: dataSnap.val().contact, 
     email: dataSnap.val().email 
     }; 

プロパティごとに正しいタイプを入力したかどうかを確認してください。