AngularJS 옵션에 데이터 이미지 속성을 추가하는 방법

Question

옵션 태그에 맞춤 데이터 속성을 추가하고 싶습니다. 예를 들어

:

<select> 
    <option data-image="url 1">Val 1</option> 
    <option data-image="url 2">Val 2</option> 
    <option data-image=" ... "> ... </option> 
    <option data-image="url N">Val N</option> 
<select> 

내가 어떻게 할 수 있습니까?

Answer 1

select 지시어로는 불가능합니다 (documentation 참조). 하지만 당신은 쉽게 당신이 ngRepeat (see the documentation)로 원하는 것을 만들 수 있습니다

<select ng-model="choice"> 
    <option ng-repeat="item in itemsList" data-image="{{item.url}}">{{item.label}}</option> 
</select> 

JSFiddle