Пользовательские компоненты не являются известными элементами в приложении Angular CLI - PullRequest
Новая
       1

Пользовательские компоненты не являются известными элементами в приложении Angular CLI

0 голосов
/ 14 января 2020

Я изучаю Angular 8 с помощью Angular CLI.

Я добавил два новых компонента в основной модуль, которые затем импортировал в модуль приложения.

Когда я пытаюсь отобразить компоненты в моем приложении html в консоли выдается ошибка «Неизвестный элемент».

Я не уверен, почему?

Вот мой app.module.ts

import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";

import { AppComponent } from "./app.component";
import { NoopAnimationsModule } from "@angular/platform-browser/animations";
import { CoreModule } from "./core/core.module";

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

My core.module.ts

import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";
import { InputComponent } from "../input/input.component";
import { GraphComponent } from "../graph/graph.component";

@NgModule({
  declarations: [InputComponent, GraphComponent],
  imports: [CommonModule],
  exports: [InputComponent, GraphComponent]
})
export class CoreModule {}

app.component.html

<div>
  <InputComponent></InputComponent>
  <GraphComponent></GraphComponent>
</div>

И пример одного из пользовательских компонентов: 

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

@Component({
  selector: 'app-input',
  templateUrl: './input.component.html',
  styleUrls: ['./input.component.scss']
})
export class InputComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

1 Ответ

5 голосов
/ 14 января 2020

Я только что понял, что не имею в виду компоненты с правильными селекторами!

Я должен использовать: app-input & app-graph в app.component.html.

...