Angular2:嵌套子组件并不起作用

时间:2017-03-09 00:00:13

标签: angular angular2-directives

我现在已经玩了几天角2。我试图将子选择器插入父模板。它应该很简单,但我不能让我的生活得到它的工作。我收到以下错误:

"未处理的承诺拒绝:模板解析错误: '儿童'不是一个已知元素:"

我哪里错了?有人可以带我走出我的痛苦吗?



//app.module.ts
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    ChildModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }






//app.component.ts
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  entryComponents: [ChildComponent]
})
export class AppComponent {
  title = 'app works!';
}






  

  <!-- app.component.html -->
    <h1>
      {{title}}
    </h1>
    <child></child>
&#13;
&#13;
&#13;

&#13;
&#13;
//child.module.ts
@NgModule({
    declarations:[ChildComponent]
})
export class ChildModule{}
&#13;
&#13;
&#13;

&#13;
&#13;
   

 //child.component.ts
    @Component({
        selector:'child',
        templateUrl: './child.component.html'
    })
    export class ChildComponent{
        
    }
&#13;
&#13;
&#13;

&#13;
&#13;
   

 <!-- child.component.html -->
    <h1>child</h1>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

你必须导出你的组件:

@NgModule({
    declarations:[ChildComponent],
    exports :[ChildComponent]
})
export class ChildModule{}