gpt4 book ai didi

angular - ngx-datatable 未在我的 component.html 中呈现

转载 作者:行者123 更新时间:2023-12-04 17:48:16 25 4
gpt4 key购买 nike

我在我的项目中使用 angular 5.0 并尝试使用我也在 angular-cli 中使用 bootstrap css 但不是 material

<ngx-datatable
[rows]="rows"
[columns]="columns">
</ngx-datatable>

但是在安装和导入模块后,我无法在我的页面上看到网格呈现。
export class AppComponent{

rows = [
{ name: 'Austin', gender: 'Male', company: 'Swimlane' },
{ name: 'Dany', gender: 'Male', company: 'KFC' },
{ name: 'Molly', gender: 'Female', company: 'Burger King' },
];
columns = [
{ prop: 'name' },
{ name: 'Gender' },
{ name: 'Company' }
];
}

和模块.ts
import { NgxDatatableModule } from '@swimlane/ngx-datatable';

@NgModule({
imports: [
BrowserModule,

NgxDatatableModule
],
declarations: [
AppComponent
],
providers: [
{
provide: HTTP_INTERCEPTORS,
useClass: APIHeaderInterceptor,
multi: true,
},
SlimLoadingBarService,
ToastsManager,
ToasterService,
ToastOptions

],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
bootstrap: [AppComponent]
})

最佳答案

您的 prop外壳错误修改如下,

columns = [
{ name: 'Name', prop: 'name' },
{ name: 'Gender', prop : 'gender' },
{ name: 'Company', prop : 'company' }
];

关于angular - ngx-datatable 未在我的 component.html 中呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47225640/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com