角度 - イオン：テキストリンクのような選択ドロップダウンを作成する

Question

selectタグのドロップダウンを通常のテキストリンクのようにしたいが、クリックするとionics select（モバイルドロップダウン）機能が有効になる。（http://ionicframework.com/docs/components/#select ）

この下の図は、私が望ましくないドロップダウンボックスの外観を示しています。誰でも私がドロップダウンボックスをテキストリンクにしてください！

<select ng-model="myColor" ng-options="color.name for color in colors"></select> 

https://plnkr.co/edit/A9ycYBKC1GUDhpCiskr5?p=preview

Answer 1

あなたplunkerに次の追加機能します：

<style> 
    select{ 
     -webkit-appearance:none; 
     outline: none; 
     border: none; 
     background: none; 
     color: blue; 
     text-decoration: underline; 
    } 
</style> 

Answer 2

一つの可能​​性は完全に選択を削除し、番号なしリストを使用して、それを嘲笑することです。 Example。

<a href="" ng-init="show = true" ng-click="show = !show">Link</a> 
    <ul ng-if="show"> 
    <li ng-repeat="color in colors"> 
    <a href="" ng-click="setColor(color)">{{color.name}}</a> 
    </li> 
    </ul>