ag-grid を使用した TypeSctipt のこの例が機能しないのはなぜですか?
コンソールにエラーがあります:
EXCEPTION: No Directive annotation found on AgGridNg2
poblem行を含むcars.tsのコード:
import {Component, View} from 'angular2/angular2'
import {CarsService} from './cars_service'
@Component({
selector: 'cars',
bindings: [CarsService]
})
@View({
template: `
<ag-grid-ng2 id="cars" class="ag-fresh"
[column-defs]="columnDefs" [row-data]="rowData">
</ag-grid-ng2>
`,
////////////////////////////////////
// Problem at this line
////////////////////////////////////
directives: [ag.grid.AgGridNg2]
})
export class Cars {
private columnDefs: Object[];
private rowData: Object[];
constructor(service: CarsService) {
this.columnDefs = [
{ headerName: "Make", field: "make" },
{ headerName: "Model", field: "model" },
{ headerName: "Price", field: "price" }
];
service.getCars().subscribe(
(res: Response) => {
this.rowData = res.json();
//console.log(this.rowData);
// TODO: Refresh table
});
}
}
AgGridNg2 をインポートする必要がありますか? また、その方法は? それとも、Angular2 Beta の現在のバージョンが壊れているのでしょうか?