Question

我是angular2的新手。我在父组件中注册子组件时面临问题。

AppComponent - 父组件

HeaderComponent --child组件

Angular docs说我们需要在parent中使用指令：[HeaderComponent]，但它会给出Error EXCEPTION：在HeaderComponent上找不到指令注释

为父级：

import {Component} from 'angular2/core';
import {HeaderComponent} from './header';
@Component({
   selector: 'my-app',
   template:"<my-header></my-header>",
   directives: [HeaderComponent] 
})
export class AppComponent {
   name="Angular 2";
   constructor(){

   }
}

子组件：

import {Component} from 'angular2/core';
@Component({
  selector:"my-header",
  templateUrl:"app/header/header.html"
});

export class HeaderComponent {
  constructor() {
    // code...
  }
}

Answer 1

装饰器应直接放在类声明的上方，因此不允许添加“;”声明后。

您的错误是因为Angular无法将HeaderComponent识别为Angular 2组件。

所以，摆脱';'在HeaderComponent的声明中签名。

如何在父组件angular2中注册子组件

1 个答案: