2016-12-11 3 views
2

kendoi angularjs와 (과) 같은검도 ui angular 2 dropDownlist에서 이미지를 설정할 수 있는지 아는 사람 있습니까? AngularJS와의Kendoui angular2 dropdownlist 이미지가있는 사용자 정의 항목 템플리트

: 나는 kendoUi의 angular2에서 같은 http://demos.telerik.com/kendo-ui/dropdownlist/angular

할 수 있습니까? 나는 시도하고 작동하지 않았다 :

 <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

그냥 "하드 코딩 된"/ 고정 된 이미지로 작동합니다. 선택한 데이터 항목의 값에 따라 동적 인 이미지가 필요합니다. –