Kendoui angular2下拉列表CUSTOM ITEM TEMPLATE with image

时间:2016-12-11 11:22:48

标签: angular kendo-ui-angular2

有谁知道是否可以在kendo ui angular 2 dropDownlist中设置图像, 比如kendoui angularjs?

在angularjs中的

http://demos.telerik.com/kendo-ui/dropdownlist/angular

我可以在kendoUi angular2中做同样的事吗? 我试过了,但没效果:

     <kendo-dropdownlist class="form-control" id="choice"
                                                    [data]="list"
                                                    [textField]="'text'"
                                                    [valueField]="'value'"
                                                    [value]="selectedValue"
                                                    [valuePrimitive]="true">
                                    <template itemTemplate let-dataItem>
                                        <span style="background-image: url('/images/xxx.svg')"></span>
    <span>{{dataItem.text}}</span>
    </template>
</kendo-dropdownlist>

感谢

1 个答案:

答案 0 :(得分:2)

是的,你可以 - plunkr

 <template itemTemplate let-dataItem>
        {{ dataItem.text }} | {{ dataItem.value }}
        <img src="https://s-media-cache-ak0.pinimg.com/236x/61/f6/1f/61f61f7873f44d576f325d72453192b9.jpg" />
 </template>