Неопределенная ошибка Angular 2 class

Question

Я не знаю, почему я получаю неопределенную ошибку. Это сообщение об ошибке я получаю: «Ошибка типа: Не удается установить свойство„состояние“неопределенных»

Это мой код:

export class MobileMenuComponent implements OnInit { 

menu: any; 

constructor() { 


} 

ngOnInit() { 

    this.menu.state = 'inactive'; 

    this.menu.togglemenu = function() { 

     if (this.menu.state === 'inactive'){ 

      this.menu.state = 'active'; 

     } 

     else { 

      this.menu.state = 'inactive'; 

     } 

    } 

} 


} 

Answer 1

Определение this.menu, как пустой объект в конструкторе, и он будет работать ,

Answer 2

this внутри togglemenu функция - для самой функции, она не содержит элемент меню. Вы должны использовать верхнюю внутри функции. Как это:

var that = this; 
this.menu.togglemenu = function() { 
    if (that.menu.state === 'inactive'){ 
      that.menu.state = 'active'; 
     } 
     else { 
      that.menu.state = 'inactive'; 
     } 
    }