如何在kendo ui中使用角度模板

时间:2014-01-19 09:31:29

标签: angularjs kendo-ui

我想使用带角度的kendo-ui控件。 如何在kendo模板中使用角度语法?

Here是两个kendo ui列表视图的示例,一个使用kendo ui模板(工作正常),第二个使用角度模板,但它不起作用。

补充说明:

在示例中,我有两个剑道列表。 第一个是使用以下模板(kendo语法):

<script type="text/x-kendo-tmpl" id="template">
<div class="product-view k-widget">
    <div class="edit-buttons">
        <a class="k-button k-button-icontext k-edit-button" href="\\#"><span class="k-icon k-edit"></span></a>
        <a class="k-button k-button-icontext k-delete-button" href="\\#"><span class="k-icon k-delete"></span></a>
    </div>
    <label>Product Name</label>
    <div class="listItem"><h3>#:ProductName#</h3></div>
</div>

第二个列表使用带有角度语法的模板:

  <script type="text/x-kendo-tmpl" id="angularTemplate">
<div class="product-view k-widget">
    <div class="edit-buttons">
        <a class="k-button k-button-icontext k-edit-button" href="\\#"><span class="k-icon k-edit"></span></a>
        <a class="k-button k-button-icontext k-delete-button" href="\\#"><span class="k-icon k-delete"></span></a>
    </div>
    <label>Product Name</label>
    <div class="listItem"><h3>{{ProductName}}</h3></div>
</div>

第二个不起作用。要么它不受支持,要么我做错了。

1 个答案:

答案 0 :(得分:2)

最新版本使用angular。编译模板。

https://github.com/kendo-labs/angular-kendo/issues/182