Угловое 2 - Множественные компонент не работает

Question

я узнал угловой 2, но я не могу сделать несколько компонент, для Exemple я стараюсь это и doesen't работа:

app.module.ts:

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 

import { AppComponent } from './app.component'; 
import { TestComponent } from './test.component'; 

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

app.component.ts:

import { Component } from '@angular/core'; 

@Component({ 
    moduleId: module.id, 
    selector: 'my-app', 
    templateUrl: './app.component.html' 
}) 

export class AppComponent {} 

test.component.ts:

import { Component } from '@angular/core'; 

@Component({ 
    moduleId: module.id, 
    selector: 'test', 
    templateUrl: './test.component.html' 
}) 

export class TestComponent {} 

app.component.html:

<h1>Hello World!</h1> 

test.component.html:

<h2>test</h2> 

Answer 1

Вы должны "вызвать" тест компонент из приложения.

И в Angular 2 это делается с помощью селекторов тэгов html.

Если добавить <test></test>

в app.component.html, он должен оказывать тестовый компонент.