如何在Angular 2中将组件导入另一个根组件

Vishu:

我正在尝试从一个文件导入另一个根组件文件的组件。它给出错误为..

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] 给我错误

请提出解决方案。

micronyks:

您应使用declarations array(meta property) of @NgModuleRC5 and later)进行声明,

import {CoursesComponent} from './courses.component';

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在angular2中将功能从一个组件触发到另一个组件?

将组件导入 angular 7 中的另一个组件时出错

如何在Angular2中将变量值从一个组件传递到另一个

如何在angular4中将视图从一个组件动态更改为另一个组件

在Angular 5中将模型从一个组件传递到另一个组件

如何在Angular 2中将对象从一个组件传递到另一个组件?

如何在REACT中从另一个同级或导入的组件更新同级组件的状态

Angular 2+:将组件用作另一个组件中的输入

如何在Angular 2中从一个组件调用方法到另一个组件?

如何重用在另一个组件的根组件中定义的变量?

如何在Angular 2+中将延迟加载的组件选择器包含到另一个组件的HTML中

如何在另一个Angular应用程序中导入Angular Web组件

如何在angular2中调用另一个组件函数

如何在Angular2中的另一个组件中使用变量

如何将javascript从组件导入到另一个组件?

Angular 2-无法在组件声明中导入另一个组件

如何在angular 7中动态传递另一个组件中的组件

如何在 Angular 中将数据从一个组件发送到另一个组件?

如何在 Angular 5 中将服务数据从一个组件传递到另一个组件

如何在Angular中的另一个动态加载的组件内渲染组件?

如何在Angular 2中调用标头组件函数到另一个组件?

如何将参数从一个 React 组件导入到另一个组件

Angular 2将@Component插入另一个组件的DOM中

Angular 6 如何将一个组件中的数组传递给另一个组件

将字符串从angular2中的另一个组件tpl传递到组件

如何从另一个 OpenAPI 文件导入组件?

如何将一个组件的行为与另一个组件分开[Angular]

如何在Angular2的另一个组件中放置一个组件?

Angular2如何在另一个组件中使用一个组件功能