Angular 5 组件使用

Question

我是 Angular 5 的新手，我下载了这个入门模板：

Angular 5 - Firebas starter template

我有一个仪表板组件，我想在其中实现一个 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”类型的参数

如何在仪表板组件中使用图表组件？

Answer 1

这是exports 不是export：

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