Angular 2 - Mehrere Komponenten funktionieren nicht

Question

I Winkel 2 gelernt, aber ich kann eine aus mehreren Komponenten nicht tun, für exemple Ich versuche, dies und ist doesen't Arbeit:

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

Sie haben aus der App die Testkomponente zu "rufen".

Und in Angular 2 ist es mit HTML-Tag-Selektoren gemacht.

Wenn Sie <test></test>

in app.component.html hinzufügen, sollte es die Testkomponente machen.