新たに追加された角度2コンポーネントは機能しません。それは正しくapp.module.jsに追加されました

Question

私はng new helloとng buildと新しい角度2プロジェクトを作成しました。その後、ng serveを使って、私はそれがうまく動作することを確認した 'アプリの作品！'。

次に、ng g component helloという新しいコンポーネントを追加しました。次は自動的に変更されるapp.module.tsです。

... 
import { AppComponent } from './app.component'; 
import { HelloComponent } from './hello/hello.component';//<--here 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    HelloComponent//<--here 
    ], 
... 

hello.component.tsのコンポーネント部分は次のとおりです。 hello.component.htmlにはデフォルトのhtmlソースがあります。

@Component({ 
    selector: 'hello', 
    templateUrl: './hello.component.html', 
    styleUrls: ['./hello.component.css'] 
}) 

は、その後、私は最終的にindex.htmlで<hello>Loading!!!</hello>を加え、再びng serveでプロジェクトを実行しましたが、<hello>タグのみを示し、「ロードを!!!」。

紛失しているものはありますか？

Answer 1

はindex.htmlで<hello>タグを追加しないでください、あなたのハローコンポーネントがchild/directive

であるか、あなたがあなたの端末で何を得るのですか

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 

import { HelloComponent } from './hello/hello.component'; 

@NgModule({ 
    declarations: [ 
    HelloComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule 
    ], 
    providers: [], 
    bootstrap: [HelloComponent] 
}) 
export class AppModule { }