Typescript 如果 '' 是一个 Angular 组件，那么验证它是这个模块的一部分

发布于10月04日

我是新来安格拉尔的.我试图创建一个组件，但显示了一个错误.

这是app.component.ts号文件.

import { Component } from '@angular/core';
import { MyComponentComponent } from './my-component.component';

@Component({
  selector: 'my-app',
  template: `
    <h1>Hello {{name}}</h1>
    <h4>Something</h4>
    <my-component></my-component>
  `,
  directives: [MyComponentComponent]
})
export class AppComponent { name = 'Sam' }

这就是我想要创建的组件.

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

@Component({
selector: 'my-component',
template: `
    <p>This is my article</p>
`
})

export class MyComponentComponent {

}

显示两个错误:

如果my-component是一个Angular 组件，则确认它是该模块的一部分.
如果my-component是Web组件，则将CUSTOM_ELEMENTS_SCHEMA添加到此组件的@NgModule.schemas以 suppress 此消息.

请帮忙.

推荐答案

你的MyComponentComponent应该是MyComponentModule.

在MyComponentModule中，你应该把MyComponentComponent放在"出口"中.

类似的内容，请参见下面的代码.

@NgModule({
   imports: [],
   exports: [MyComponentComponent],
   declarations: [MyComponentComponent],
   providers: [],
})

export class MyComponentModule {
}

然后像这样将MyComponentModule放入imports/app.module.ts中(见下面的代码).

import { MyComponentModule } from 'your/file/path';

@NgModule({
   imports: [MyComponentModule]
   declarations: [AppComponent],
   providers: [],
   bootstrap: [AppComponent]
})

export class AppModule {}

完成此操作后，应用程序现在可以识别组件的 Select 器.

你可以在这里了解更多信息:https://angular-2-training-book.rangle.io/handout/modules/feature-modules.html

干杯