"селектор компонента" не известный элемент несмотря на объявление? - PullRequest
Новая
       29

"селектор компонента" не известный элемент несмотря на объявление?

0 голосов
/ 10 июля 2019

В моем AppModule я перешел от наличия ListComponent к созданию ListModule с объявлениями для ListComponent и недавно сгенерированного ListItemComponent.В шаблоне ListComponent я использую селектор «app-list-item», который является селектором компонента для ListItemComponent и который был объявлен в модуле списка.Тем не менее, я получаю сообщение об ошибке: «app-list-item» не является известным элементом: 1. Если «app-list-item» является угловым компонентом, то убедитесь, что он является частью этого модуля. «Не знаете, чтоМне не хватает.

Я хочу, чтобы html-файл ListComponent мог вызывать селектор компонента 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является единственным, использующим селектор ListItemComponent в своем html-файле, почему недостаточно объявить ListItemComponent в модуле List?

...