定義されていないエラー角度2クラス

Question

なぜ私は定義されていないエラーが発生するのか分かりません。これは私が取得エラーメッセージが表示されます。「例外TypeError：未定義の設定はできませんプロパティ 『状態』」

は、これは私のコードです：

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機能 - 機能自体のため、メニューメンバーは含まれていません。機能の中では、上にthisを使用してください。このように：

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