小编Rob*_*nst的帖子

Angular2 ag-grid数据源

我试图让一个ag-grid数据源在angular2中工作,虽然我感觉我几乎在那里我无法用我目前对angular/typescript的知识解决以下问题.

问题是我有一个名为returnRows的函数,它完全正常(参见testdata变量).但是当我尝试在datasource.getRows中调用它时,我得到以下异常:TypeError:this.returnRows不是PagetestComponent @ 2:2中的[gridOptions]中的函数.最后,我想用一个从api获取数据的服务替换该函数.

这是我的component.ts代码:

import {Component, OnInit} from 'angular2/core';
import {RouteParams} from 'angular2/router';

import {AgGridNg2} from 'ag-grid-ng2/main';
import {GridOptions} from 'ag-grid/main';

import {PagetestService} from '..//services/pagetest.service';

@Component({
  selector: 'sample',
  templateUrl:'/static/app/pagetest/components/pagetest.component.html',
  directives: [AgGridNg2],
  providers: [PagetestService]
})

export class PagetestComponent implements OnInit{
    public gridOptions: GridOptions;
    private columnDefs: any[];
    private testdata: any[];

    constructor(
        public _routeParams: RouteParams,
        public _variantsService: PagetestService) {
    }

    ngOnInit(){
        this.columnDefs = [
          {headerName: "ID", field: "_id",},
          {headerName: "CHR", field: "chr"},
          {headerName: "POS", field: "pos"},
          {headerName: "REF", field: "ref"},
          {headerName: "ALT", …
Run Code Online (Sandbox Code Playgroud)

typescript ag-grid angular

3
推荐指数
1
解决办法
7798
查看次数

标签 统计

ag-grid ×1

angular ×1

typescript ×1