Почему могут не выводится данные в шаблон?

Question

[polar-bear]

Работаю сейчас с Angular2 и не могу понять причины почему не выводятся данные в шаблон. AppComponent выводит значение в шаблон. А вот TestComponent переменную в шаблон не выводит, при этом обработчик события на теге h1 срабатывает.

@Component({
    selector: 'my-app',
    template: `<h1>{{app}}</h1><router-outlet></router-outlet>`,
    directives: [ROUTER_DIRECTIVES]
})

@RouteConfig([
    {path:'/user/settings', name: 'TestComponent', component: TestComponent},
])

export class AppComponent {
    app = 'AppComponent';
}

document.addEventListener('DOMContentLoaded', function main() {
    bootstrap(AppComponent, [
        ROUTER_PROVIDERS, HTTP_PROVIDERS
    ]);
});

@Component({
    selector: 'test',
    template: '<h1 (click)="clickMethod()">test: <i>{{component}}</i></h1>',
})

export class TestComponent implements OnInit {
    component = 'TestComponent';

    clickMethod () {
        alert(this.component);
    }

    constructor () {
        console.log('constructor TestComponent');
    }
    ngOnInit() {
        console.log('ngOnInit');
    }
}