ag-grid-ng2 hata gösteriyor "Özellik [gridOptions" öğesinde tanımlanamayan 'dilim' okunamıyor

Question

Ag-grid-ng2'yi açısal 2 projemde kullanmaya çalışıyorum. Eklenti sitesinde bulunan adımları takip ediyorum. İşte bu örneği nasıl uyguluyorum. Izgarayı

import {Component, OnInit} from "angular2/core"; 
import {MockService} from "../services/mock.service"; 
import {Hero} from "../mockdata"; 
import {AgGridNg2} from "ag-grid-ng2/main"; 
import {GridOptions} from "ag-grid/main"; 

@Component({ 
    selector:'my-home', 
    templateUrl:'templates/myHome.tpl.html', 
    directives:[AgGridNg2], 
    providers:[MockService] 
}) 

export class myHomeComponent implements OnInit{ 
    users:Hero[]; 
    selectedUser:Hero[]; 
    private gridOptions: GridOptions; 
    private showGrid: boolean; 
    private rowCount: string; 
    private columnDefs: any[]; 

    constructor(private _mockService:MockService){} 

    getUsers() { 
     //this.users = this._mockService.getUserList(); 
     this._mockService.getUserList().then(users => this.users = users); 
    } 

    constructor() 
    { 
     this.gridOptions = <GridOptions>{}; 
     this.createColumnDefs(); 
     this.showGrid = true; 
    } 

    ngOnInit() { 
     this.getUsers(); 
    } 

    onSelect(user: Hero) { this.selectedUser = user; } 
    createColumnDefs() { 
     this.columnDefs =[ { headerName: "ID", field: "id"}, 
      { headerName: "User Name", field: "name"} 
     ] 

    } 
} 

gereken yere

bu burada

<ag-grid-ng2 
     class="ag-fresh" 
     style="width:100%; height:400px; margin-bottom:20px;" 
     [gridOptions]="gridOptions" 
     [columnDefs]="columnDefs" 
     [rowData]="users" 

     enableColResize 
     enableSorting 
     rowSelection="single" 
     suppressCellSelection 
     rowHeight="26" 
     (rowClicked)="onRowClicked($event)"> 
</ag-grid-ng2> 

beni koduyla koparmak ne bildirmek benim html benim bileşenidir.

Answer 1

Benzer bir sorun yaşadım. Ama veri kaynağını kullandım. Veri kaynağı, columndefs ile aynı anda ayarladığımda bu hata tetiklendi (yöntem gridOptions.api.setColumnDefs(), belki de eşzamansız bir şey yapar). Ben ngOnInit çağrıldığında ızgara henüz hazır olmadığını düşünüyorum. Bunu deneyin .getUsers(); gridReady olay işleyicisinde.