Typescript 异常：在AgGridNg2上找不到指令批注

为什么带ag网格的TypesTipt不起作用

控制台中出现错误：

EXCEPTION: No Directive annotation found on AgGridNg2

有问题线的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
    });
  }
}

从'angular2/angular2'导入{组件，视图}
从“/cars\u service”导入{CarsService}
@组成部分({
选择器：“汽车”，
绑定：[CarsService]
})
@看法({
模板：`
`,
////////////////////////////////////
//这条线有问题吗
////////////////////////////////////
指令：[ag.grid.AgGridNg2]
})
出口级轿车{
private-columnDefs:Object[]；
私有行数据：对象[]；
建造商（服务：CarsService）{
this.columnDefs=[
{headerName:“Make”，字段：“Make”}，
{headerName:“Model”，字段：“Model”}，
{标题名称：“价格”，字段：“价格”}
];
service.getCars（）.subscribe(
（回复）=>{
this.rowData=res.json（）；
//console.log（this.rowData）；
//TODO:刷新表
});
}
}

---

是否必须导入AgGridNg2以及如何导入？或者Angular2 Beta的当前版本已经损坏了？

我看过你的plunkr。在测试版中，

angular2/angular2

现在是

angular2/core

也就是说，您似乎没有正确初始化ag网格。你应该试试这样的方法：

ag.grid.initialiseAgGridWithAngular2({ core: core });

bootstrap(App, [
    HTTP_BINDINGS,
    ROUTER_BINDINGS,
    bind(ROUTER_PRIMARY_COMPONENT).toValue(App),
    bind(LocationStrategy).toClass(HashLocationStrategy)
]);

并从

index.html

文件中删除此块：

System.import("angular2/angular2").then(function(ng2) {
  ag.grid.initialiseAgGridWithAngular2(ng2);
});

以下是使用ag grid和TypeScript的示例：。以下是有关配置的文件：

希望它能帮助你，

---

Thierry

这是由角度更新引起的。使用角度beta.0版本，不要使用缩小的角度beta.1版本。此代码表单plunker已过时，请尝试查找新版本或重写它。