Question

我正在使用Kendo Ui for angular2，并使用以下代码显示数据网格。我有一个ng-template来显示复选框，单击它会给我一个递增的整数，我打算用它来实现Kendo Ui网格中的多选。但是，令i = index不会在ng-template内增加，它总是将i的值显示为0.

以下是我的HTML代码 -

<div *ngIf="model.isTopTen==true" style="height:30px">
    <button style="margin-top: 0.2%;margin-left: 95.6%;border-style: solid;border-radius: 0.2em;" (click)="downloadPdf()">Export</button>
</div>
<kendo-grid [data]="gridView" *ngIf="data && model" [sortable]="{ mode: 'single' }" [scrollable]="'virtual'" [pageSize]="100"
 [rowHeight]="25" [height]="300" [sort]="sort" (sortChange)="sortChange($event)">

    <kendo-grid-column *ngFor="let i = index;let column of model.columnFields;" field="{{column.field}}" title="{{column.title}}">

        <ng-template kendoGridCellTemplate let-dataItem *ngIf="column.field === 'checkbox'">
            <input (click)="check(i)" type="checkbox" /> {{i}}
        </ng-template>
    </kendo-grid-column>

以下是我的检查功能 -

check(i){
    console.log(i);

  }

对于所有复选框，单击任何复选框始终显示0。但是，如果我使用任何其他属性，如“列”，并在我的检查功能中传递它，它显示的值是正确的。我错过了什么？任何帮助表示赞赏。

* ng索引在ng-template中没有增加

0 个答案: