Angular2アクセス@Inputクラスを使用して、サービスを呼び出すコンストラクタ

Question

Angular2とTypescriptの新機能です。私はクラスのコンストラクタから@Inputへのアクセスを取得しようとしています。サービスはコンストラクタ内部から呼び出され、引数を渡す必要があります。

@Component({ 
    selector:'side-menu', 
    templateUrl:'menu.html', 
    providers: [MenuService] 
}) 

export class SideMenuComponent { 
    @Input() blockType; 

    menuItems 

    constructor(menuService:MenuService){ 
     this.menuItems = menuService.getMenuItems(this.blockType); // Sends Undefined 
     this.menuItems = menuService.getMenuItems('HardCodedString'); //This works 
    } 


} 

が、これは

@Injectable() 

export class MenuService { 
    getMenuItems(type) { 
     console.log(type) 

     switch(type){ 
      case 'Thing': 

       return []; 
       break; 
      case 'Otherthing': 
       return []; 
       break; 
      default: 
       return []; 


     } 

    } 
} 

どのように私は@Inputを確保することができ、私のサービスであるサービスに送信されますか？

Answer 1

コンストラクタの呼び出し時に入力がまだ設定されていません。代わりにコンストラクタコードをngOnInit()に移動します。

@Component({ 
    selector:'side-menu', 
    templateUrl:'menu.html', 
    providers: [MenuService] 
}) 

export class SideMenuComponent { 
    @Input() blockType; 

    menuItems 

    constructor(private menuService:MenuService){} 

    ngOnInit() { 
     this.menuItems = this.menuService.getMenuItems(this.blockType); // Sends Undefined 
     this.menuItems = this.menuService.getMenuItems('HardCodedString'); //This works 
    } 
} 

たび@Input() sがngOnChanges()が呼び出され、更新されています。
ngOnInit()は、初めて呼び出されたngOnChanges()の後に呼び出されます。