угловой, не может прочитать свойство 'fruits' из undefined

Question

В angular я получаю ошибку: не могу прочитать свойство "fruits" из undefined. В моем классе у меня есть:

export class myClass implements OnInit {

fruits: any[];

doSomething() {
this.myArray.forEach(function(m) {
  const my = { test: true };
  this.fruits.push(my);
  }
}

У меня могут быть разные типы, которые я хочу добавить в свой массив, поэтому я не определил интерфейс. Чем это вызвано?

Answer 1

Если вы хотите получить доступ к этому, вы должны использовать функции стрелок:

fruits: any[] = [];

doSomething() {
  this.myArray.forEach(m => {
    const my = { test: true };
    this.fruits.push(my);
  }
}

Функции стрелок приведут к его лексическому ограничению, что позволит вам получить доступ к this из самого контекста объекта (внешняя сфера).Подробнее об этом здесь .

Answer 2

Вы должны инициализировать фрукты

export class myClass implements OnInit {

    public myArray: string[] = ['banana', 'Apple, 'Kumquat']
    public fruits: {test: boolean}[] = [];

    constructor() {}

    ngOnInit() {}

    public doSomething(): void {

      let my: any = {}; 

      this.myArray.forEach( m => {
        my = { test: true };
        this.fruits.push(my);
      });
    }
}