2016-12-11 6 views
2

kendoi angularjsのように、剣道uiの角度2のdropDownlistに画像を設定することができるかどうか分かりませんか? ? angularjsで剣道2ドロップダウンリスト画像付きカスタムアイテムテンプレート

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

「ハードコードされた」固定画像でのみ動作します。画像は選択したデータ項目の値で動的にする必要があります。 –

関連する問題