Angular 角度2指令误差

我使用的是Angular 2的最终版本。我已经在官方网站上设置了启动文件。在我的app.component.ts文件中，我制作了两个组件。代码如下所示：-

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

@Component({
    selector: 'demo',
    template:`
        <h2>Hi, demo !!</h2>
    `
})

export class DemoComponent implements OnInit{
    constructor(){}

    ngOnInit(){

    }
}

@Component({
  selector: 'my-app',
  template: `<h1>My First Angular 2 App</h1> 
    <demo></demo>
    `

})
export class AppComponent implements OnInit{ 
    constructor(){}
    ngOnInit(){

    }
}

---

您必须在模块的

声明

属性中定义组件

应用程序模块.ts

import { AppComponent, DemoComponent  }   from './app.component';

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ AppComponent, DemoComponent ], <== here
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

---

指令

已被弃用。创建

NgModule

并将其添加到

声明中

您需要在声明数组中声明DemoComponent，并确保从AppComponent中删除
声明：[DemoComponent]

FYI：已删除@component（{}）decorator的指令元数据中声明的管道、组件和指令。这一宣言已不再存在。所以你面临着一些问题。您需要在@NgModule（{}）decorator中声明管道、指令和组件

如果同一文件中有，则需要将其作为“/app.component”导入{AppComponent，DemoComponent}

import {DemoComponent} from 'valid path';             //<<===here
OR   
import {AppComponent, DemoComponent} from './app.component';  //<<===here


@NgModule({
  imports:      [ BrowserModule],
  declarations: [ AppComponent,DemoComponent],       //<<<====here
  providers:[],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

从“有效路径”导入{DemoComponent}//我是新来的。所以，请你详细说明一下。请按照@yurzui的例子进行快速修复，但也请在有机会时阅读我发布的完整文档。如果同一个文件中有，您需要从“/app.component”导入它作为
import{ppComponent，DemoComponent}DemoComponent
非常感谢，兄弟。它成功了：）
 directives: [DemoComponent] ,

import {DemoComponent} from 'valid path';             //<<===here
OR   
import {AppComponent, DemoComponent} from './app.component';  //<<===here


@NgModule({
  imports:      [ BrowserModule],
  declarations: [ AppComponent,DemoComponent],       //<<<====here
  providers:[],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }