Angular 4 und NGX-Datentabelle: ‚NGX-Datentabelle‘ ist kein bekanntes Element

Question

Ich versuche ngx-datatable in meinem Winkel 4 Projekt zu verwenden system.js mit dem Modul zu laden, aber es wirft Fehler wie folgt aus:

Kann nicht an 'rows' binden, da es keine bekannte Eigenschaft von ngx-datatable ist.
Kann nicht an 'Spalten' gebunden werden, da es keine bekannte Eigenschaft von ngx-Datatable ist.
NGX-Datentabelle ist kein bekanntes Element:

Ich denke, system.js das Modul nicht richtig nicht geladen, aber ich kann keine funktionierende Demo auf, wie dies zu tun. Die documentation ist auch nicht hilfreich.

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, 
    ... 
], 

component.html:

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

component.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' } 
]; 

package.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", 
... 

Answer 1

in den Klammern, versuchen attr vor rows oder einem anderen Attribut hinzufügen. Es sollte so sein [attr.rows]="rows" und [attr.columns]="columns" und so weiter.