[英]Angular 4 + ngx-datatable: @swimlane/ngx-datatable 404 (Not Found)
[英]Angular 4 and ngx-datatable: 'ngx-datatable' is not a known element
我嘗試在我的 angular 4 項目中使用ngx-datatable
使用 system.js 來加載模塊,但它會引發如下錯誤:
無法綁定到“行”,因為它不是 ngx-datatable 的已知屬性。
無法綁定到“列”,因為它不是 ngx-datatable 的已知屬性。
ngx-datatable 不是已知元素:
我猜 system.js 沒有正確加載模塊,但我找不到有關如何執行此操作的有效演示。 該文檔也沒有幫助。
system.config.js:
map: {
...
'@swimlane/ngx-datatable': 'npm:@swimlane/ngx-datatable/release/index.js',
...
}
app.module.ts:
import { NgxDatatableModule } from '@swimlane/ngx-datatable';
...
imports: [
...
NgxDatatableModule,
...
],
組件.html:
<ngx-datatable
[rows]="rows"
[columns]="columns">
</ngx-datatable>
組件.ts:
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' }
];
包.json:
...
"@angular/animations": "^4.3.0",
"@angular/common": "^4.3.0",
"@angular/compiler": "^4.3.0",
"@angular/compiler-cli": "^4.3.0",
"@angular/core": "^4.3.0",
"@angular/forms": "^4.3.0",
"@angular/http": "^4.3.0",
"@angular/platform-browser": "^4.3.0",
"@angular/platform-browser-dynamic": "^4.3.0",
"@angular/platform-server": "^4.3.0",
"@angular/router": "^4.3.0",
"@angular/upgrade": "4.3.0",
"@swimlane/ngx-datatable": "^9.3.1",
...
我安裝它運行正常。 請參考這個鏈接
Please import in App.module.ts like below:
import { NgxDatatableModule } from '@swimlane/ngx-datatable';
@NgModule({
imports: [
NgxDatatableModule]});
請參閱 App.component.html
<ngx-datatable class="material"
[rows]="rows"
[columns]="column">
</ngx-datatable>
在括號中,嘗試rows
或任何其他屬性之前添加attr
。 應該是這樣的[attr.rows]="rows"
和[attr.columns]="columns"
等等。
我有同樣的問題,通過運行解決了
ng update
我不確定出了什么問題。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.