2016-12-11 35 views
2

有誰知道是否有可能在kendo ui角度設置圖像2 dropDownlist, 像在kendoui angularjs?Kendoui angular2 dropdownlist定製項目模板與圖像

在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> 

感謝

回答

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> 
+0

的感謝!它的工作原理.. 但我也需要valueTemplate中的圖像,並不適合我......是否支持? –

+0

http://plnkr.co/edit/DXdoCfEUd8fkQ70eIcmF?p=preview – knikolov

+0

它只適用於「硬編碼」/固定圖像,我需要圖像是動態的 - 通過所選數據項的值。 –