：「NGX-DataTableの」知ら要素

Question

私はモジュールをロードするためにsystem.jsを使用して、私の角度の4プロジェクトにngx-datatableを使用しようとするが、それはこのようなエラーをスローしません：

ngx-datatableの既知のプロパティではないため、 'rows'にバインドできません。
ngx-datatableの既知のプロパティではないため、 'カラム'にバインドできません。私はsystem.jsが正しくモジュールをロードしませんが、私はこれを行う方法の作業のデモを見つけることができないと思います

：
NGX-DataTableには知られていない要素です。 documentationも役に立ちません。

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

、rowsまたは任意の他の属性の前にattrを追加してみてください。 これはこのようにする必要があります[attr.rows]="rows"と[attr.columns]="columns"など。