角度2 |类型"{}"的伪指令参数不可分配给 [英] Angular 2 | Directives Argument of type '{}' is not assignable to

问题描述

我对Angular 2不熟悉.我正在做YouTube教程，但是每个教程都有directives:部分，让我感到困惑.

I am noob with Angular 2. I am doing YouTube tutorials, but every tutorial have the directives: part where i am stuck.

app.component.ts

app.component.ts

import { Component } from '@angular/core';
import { HeaderComponent } from './components/header/header.component'
@Component({
  selector: 'my-app',
  template: '<h1>Hello</h1><header></header>',
  directives: [HeaderComponent]
})
export class AppComponent { }

错误输出是:

Argument of type '{ selector: string; template: string; directives: typeof HeaderComponent[]; }' is not assignable to parameter of type 'ComponentMetadataType'.at line 6 col 3

header.component.ts

header.component.ts

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

@Component ({

  selector: 'header',
  template: '<h2>hit!</h2>'

})
export class HeaderComponent { }

这是错误

推荐答案

directives属性已在 RC.6

您应将其移至 NgModule 装饰器的declarations属性

You should move it to declarations property of your NgModule decorator

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

这篇关于角度2 |类型"{}"的伪指令参数不可分配给的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！