使用ng-template而不是模板时模板解析错误

时间:2018-01-02 16:59:10

标签: angular kendo-ui kendo-grid

我有角度2 rc.1应用程序。问题是我试图通过在ngndo-grid内嵌入带有指令kendoPagerTemplate的ng-template来覆盖现有的寻呼机。 喜欢 -

 <kendo-grid>
    ...
    <ng-template kendoPagerTemplate>
        <!-- add custom components or reuse existing pager elements --->
    </ng-template>
</kendo-grid>

但我收到以下错误 - error image

我的代码低于html -

 <kendo-grid #grid [kendoGridBinding]="gridData" [pageable]="true" [skip]="skip"  style="cursor:pointer" pageSize="10" >
<kendo-grid-column *ngFor="let column of columns" [field]="getColumnField(column)" [title]="getColumnTitle(column)" [width]="getColumnWidth(column)">
                <ng-template kendoGridHeaderTemplate let-column="column">
                <span  [title]="column.title" (click)="onTemplateSpanClick($event)">{{column.title}} </span>
                </ng-template>


                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
                       <span *ngIf="column!== 'Status'" [title]="column.title">         
                         <span [title]="column.title">
                   <!-- {{dataItem[column]}} -->
                   <span [innerHTML]="dataItem[column]"></span> 
                   </span>
                    </span>

                 </ng-template>

            </kendo-grid-column>

        </kendo-grid>

有没有办法改变现有的kendoGrid页脚模板,比如让它可点击并改变颜色?

1 个答案:

答案 0 :(得分:1)

根据Angular's changelog,版本4.0.0-rc.1中引入了ng-template指令。因此,它在您使用的版本Angular 2 rc.1中不可用。该版本中的等价物是template指令。

如果Kendo组件需要ng-template,则可能与Angular 2不兼容。您可以在this GitHub page上找到有关这些兼容性问题的更多详细信息。