Использование Angular 5 компонентов

Я новичок в Angular 5, и я загрузил этот стартовый шаблон:

Angular 5 - стартовый шаблон Firebas

У меня есть компонент панели инструментов, в котором я хочу реализовать компонент chartjs.

Мой dashboard.module.ts:

import { DashboardPageComponent } from './dashboard-page.component';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';

@NgModule({
    imports: [
        RouterModule.forChild([
            { path: '', pathMatch: 'full', component: DashboardPageComponent },
        ]),
    ],
    declarations: [DashboardPageComponent],
})
export class DashboardModule {}

А вот шаблон dashboard.component.html:

 <div class = "container">
    <h1>Your Todo List</h1>
    <ul class = "list-group">
        <p>test</p>
    </ul>

    // HERE I WANT TO USE THE CHART COMPONENT
    <line-chart-component></line-chart-component>
</div>

Вот компонент линейной диаграммы:

import { Component, OnInit } from '@angular/core';
import * as Chart from 'chart.js'

@Component({
    selector: 'line-chart-component',
    templateUrl: './line-chart.component.html'
})
export class LineChartComponent {
    constructor() { }
}

И линейная диаграмма html:

    <div class = "container">
      <h1>TESTCOMPONENT</h1>
    </div>

И модуль диаграммы:

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { LineChartComponent } from './line-chart.component';

@NgModule({
    declarations: [LineChartComponent],
    // export: [LineChartComponent],
})
export class LineChartModule {}

Но декларация экспорта не может быть назначена параметру типа «NgModule».

Как я могу использовать компонент диаграммы в компоненте панели инструментов?

это экспорт, а не экспорт

displayName 25.03.2018 20:30

@marko, чем это вызывает у меня эту ошибку: errors: 'line-chart-component' не является известным el…,…}

Sireini 25.03.2018 20:38

Ссылка, которую вы цитируете, не работает

R. Richards 25.03.2018 20:53
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
3
58
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Это exports, а не export:

@NgModule({
    declarations: [LineChartComponent],
    exports: [LineChartComponent],
})

Другие вопросы по теме