ng-optionsにHTMLタグを挿入

Question

ng-optionsにHTMLタグを挿入しようとしています。そのため、ドキュメントのレンダリング時にオプションの前にアイコンが表示されます。

HTML：私はこれを行うために、非jQueryのオプションがありますかどうかを知りたいのですが

<select chosen id="receive-country-selection" ng-model="current.RecipientCountry" ng-change="selectRecipientCountry(current.RecipientCountry)" ng-options="x.Name.toLowerCase() for x in data.RecipientCountries" > 
    <option> 
     <span class="flag-sprite-container"> 
      <svg class="flag-sprite"> 
       <use xlink:href="someUrl"></use> 
      </svg> 
     </span> 
     some text 
    </option> 
</select> 

：

<select chosen id="receive-country-selection" ng-model="current.RecipientCountry" ng-change="selectRecipientCountry(current.RecipientCountry)" ng-options="x.Name.toLowerCase() for x in data.RecipientCountries" > 
    <option value=""></option> 
</select> 

ニーズは次のようにレンダリングされます。

追加情報：私はliにjQueryの選ばれたコピーulへselectとoptionを使用しています。

Answer 1

オプションタグはテキストのみをサポートします。おそらく、ドロップダウンのように動作するdivセクションを使用して他の実装を見つけることができます。私はtwitterに、この種の動作を持つ先読みライブラリがあることを知っています。このようなライブラリは他にもたくさんあります。