AngularJS通过ng-include将范围传递给x-kendo-template

时间:2018-07-04 06:19:52

标签: angularjs kendo-ui angularjs-ng-include

我为Kendo-ui多选元素创建了一个自定义模板。

HTML:

<select kendo-multi-select k-options="vm.selectOptions" k-data-value-field="'id'" k-data-text-field="'name'" k-value-primitive="true" k-data-source="vm.people" k-ng-model="vm.selectedPeople" ></select>

设置选项的控制器代码:

this.selectOptions = {
    autoClose: false,
    tagMode: "single",
    tagTemplate: $("#_customKendoMultiSelectTemplate").html()
};

然后我将模板“包含”在我的application_layout.html中:

<script id="_customKendoMultiSelectTemplate" type="text/x-kendo-template">

    # if (dataItems.length == 1) { #
    # for (var idx = 0; idx < dataItems.length; idx++) { #
    #:dataItems[idx].name#
    # } #
    # } else { #
    #:dataItems.length# ITEMS SELECTED
    # } #

</script>   

这可以100%起作用,我要做的就是将模板移到自己的文件中,我已经完成了,但是angular不知道“ dataItems”是什么,并且渲染了模板的全部内容。那么,如何通过示波器? 我用onload方法和ng-init尝试了几件事,但没有成功。

<script id="_customKendoMultiSelectTemplate" type="text/x-kendo-template">
    <ng-include src="'/customKendoMultiSelectTemplate.html'" ></ng-include>
</script>   

0 个答案:

没有答案