Question

在AppModule中，我从拥有一个ListComponent过渡到创建一个ListModule，并声明了ListComponent和一个新生成的ListItemComponent。在ListComponent的模板中，我正在使用选择器“ app-list-item”，它是ListItemComponent组件的选择器，并且在列表模块中声明。即使这样，我仍然收到错误：'app-list-item'不是一个已知元素： 1.如果“ app-list-item”是Angular组件，则请验证它是否属于此模块。”不确定我所缺少的内容。

我想要它，以便ListComponent html文件可以调用它在其模块中声明的ListItem组件选择器。

这是我的代码：

list-item-component.ts ：

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

@Component({
  selector: 'app-list-item',
  templateUrl: './list-item.component.html',
  styleUrls: ['./list-item.component.scss']
})

export class ListItemComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

list-module.ts ：

import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import { ListComponent } from './list.component';
import {ListItemComponent} from './list-item/list-item.component';

@NgModule({
    imports:[ CommonModule ],
    declarations:[ListComponent, ListItemComponent],
    exports:[ListComponent]
})

export class ListModule{}

list-component.html（发生错误的地方）：

<app-list-item> </app-list-item>

app-module.ts：

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    ListModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

什么可能导致错误？如果ListComponent是唯一在其html文件中使用ListItemComponent选择器的组件，为什么在列表模块中声明ListItemComponent不够？

尽管声明了“组件选择器”，但不是一个已知元素？

0 个答案: