有角度组件的问题

时间:2017-03-30 21:15:40

标签: angular components angular-cli

我知道这是现有的帖子:How to import component into another root component in Angular 2,但这并不能解决我的问题。

我在这里遇到同样的问题。

我试图找出Angular-Cli - 成功创建了一个新项目,并添加了组件。上述帖子中的所有提示都会自动实现。

当尝试使用所表示的组件(向模板添加< superman>< / superman>)时,我收到此错误:

Unhandled Promise rejection: Template parse errors:
'superman' is not a known element:
1. If 'superman' is an Angular component, then verify that it is part of this module.
2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("<h1>
  {{title}}
  [ERROR ->]<superman></superman>
</h1>
"): 

1 个答案:

答案 0 :(得分:0)

您需要在模块中注册该组件。请查看this

的最佳答案

e.g。

@NgModule({
  imports:      [BrowserModule],
  declarations: [AppComponent, SupermanComponent],  //<----here
  providers:    [],      
  bootstrap:    [AppComponent]
})

确保SupermanComponent的选择器是超人

e.g。

@Component({
  selector: 'superman',
  template: '...'
  ...
})
export class SupermanComponent { ...