angularjs - AngularJS オプションに data-image 属性を追加する方法

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これはディレクティブでは不可能です(ドキュメントを参照してください)。ただし、必要なものを簡単に作成できますngRepeat(ドキュメントを参照してください)。

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

JSFiddle