如何獲取Kendo Angular UI Grid列的字段？

Question

我有一個使用Angular 4 Kendo UI網格的項目。

<kendo-grid-column 
    *ngIf="isVisible('fieldName')" 
    field="fieldName" 
    title="Some random field name">
</kendo-grid-column>

isVisible()方法根據傳遞給kendo-grid-column的屬性檢查此列是否應可見。 我想動態獲取我在field=fieldName"指定的字段名稱field=fieldName"這樣我就不必為每列重復兩次相同的文本。

像這樣的“魔術”：

<kendo-grid-column 
    *ngIf="isVisible(kendo.getField())" 
    field="fieldName" 
    title="Some random field name">
</kendo-grid-column>

Answer 1

您可以在kendo-grid-column中使用[hidden]選項

例：-

<kendo-grid [data]="gridData">
          <ng-template ngFor [ngForOf]="columns" let-column>
            <kendo-grid-column
              field="{{column}}"
              [hidden]="isVisible(column)"
            >

            </kendo-grid-column>
          </ng-template>
        </kendo-grid>

組件文件

 public isVisible(field: string): void {
      // based on your condition you can return true to hide 
      // false to show column 
        return false;
    }

塞子http://plnkr.co/edit/kk8nj4P8k4qY1psexInd?p=preview