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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用ng-template而不是模板时模板解析错误相关的知识,希望对你有一定的参考价值。

我有角度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页脚模板,比如让它可点击并改变颜色?

答案

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

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

以上是关于使用ng-template而不是模板时模板解析错误的主要内容,如果未能解决你的问题,请参考以下文章

Angular,为 ng-template 使用外部模板

“模板解析错误:'app' 不是已知元素”当使用 Webpack2 构建和部署“OK”angular2 应用程序时

使用ng-template,ng-container和ngTemplateOutlet将输入模板的上下文设置为此

在实现 vue 表时获取错误“在编译模板时发出的值而不是错误的实例”

Angular模板简介

为 Laravel Blade 模板解析字符串而不是文件