angular2 bootstrapping causes my @input and @output gone bezerks!

I hate to blog about stupid mistake, especially my own. So I created my AppComponent which loads ResetComponent. Well, everything continue to work except @Input, @Output and EventEmitter.

@Input value cannot be assigned from parent to child.

@Output doesn't work as event are triggered but not caught by parent.









The fix is to remove ResetComponent from Bootstrap like what we have below :-

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ AppComponent, ResetComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }