我正在尝试从一个文件导入另一个根组件文件的组件。它给出错误为..
zone.js:484未处理的承诺拒绝:模板解析错误:'courses'不是已知元素:1.如果'courses'是Angular组件,则请验证它是否属于此模块。2.如果“ courses”是Web组件,则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schema”以禁止显示此消息。(“
我的第一个Angular 2应用
[错误->]“):AppComponent @ 0:31;区域:;任务:Promise.then;值:错误:模板解析错误:(...)错误:模板解析错误:“课程”不是已知元素:
我的app.component.ts像[根组件文件]
import { Component } from '@angular/core';
import {CoursesComponent} from './courses.component';
@Component({
selector: 'my-app',
template: '<h1>My First Angular 2 App</h1><courses></courses>',
directives:[CoursesComponent],
})
export class AppComponent { }
和我的course.component.ts是;
import { Component } from '@angular/core';
@Component({
selector: 'courses',
template: '<h1>courses</h1>'
})
export class CoursesComponent { }
从app.component内的courses.component.ts文件导入课程组件时,我无法在其中声明指令 @Component{}
directives:[CoursesComponent]
给我错误
请提出解决方案。
您应使用declarations array(meta property) of @NgModule
(RC5 and later
)进行声明,
import {CoursesComponent} from './courses.component';
@NgModule({
imports: [ BrowserModule],
declarations: [ AppComponent,CoursesComponent], //<----here
providers: [],
bootstrap: [ AppComponent ]
})
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句