我正在使用this page,但是我一直在重用组件。我正在尝试在仪表板内使用智能表和饼图,但出现模板解析错误。我所做的是在dashboard.module中,我添加了模块引用
import { NgModule } from '@angular/core';
import { NgxEchartsModule } from 'ngx-echarts';
import { ThemeModule } from '../../@theme/theme.module';
import { DashboardComponent } from './dashboard.component';
import { TablesModule } from '../tables/tables.module';
@NgModule({
imports: [
ThemeModule,
NgxEchartsModule,
TablesModule
],
declarations: [
DashboardComponent,
],
})
export class DashboardModule { }
然后在Dashboard.component中,我导入了表格组件
import {Component, OnDestroy} from '@angular/core';
import { NbThemeService } from '@nebular/theme';
import { takeWhile } from 'rxjs/operators/takeWhile' ;
import {SmartTableComponent} from '../tables/smart-table/smart-table.component'
@Component({
selector: 'ngx-dashboard',
styleUrls: ['./dashboard.component.scss'],
templateUrl: './dashboard.component.html',
})
export class DashboardComponent { }
,最后在html文件中,我添加了标记
<ng2-smart-table>
</ng2-smart-table>
但是出现模板解析错误。无法识别标签。有人可以告诉我我在做什么错。
答案 0 :(得分:-1)
在您的module.ts文件中,在导入中添加“ Ng2SmartTableModule”并添加 在组件html中标记。 在仪表板组件中,您只需导入ng2-smart-table的属性,例如LocalDataSource-从'ng2-smart-table'导入{LocalDataSource};-实例化源并将数据加载到表中。