アバターの右にアイコンを追加する - イオニック

Question

イオニアアバターリストアイテムの右にアイコンを追加しています。

マイコード：

<ion-item class="animated flipInX item-divider gold" ng-show="(myArray.length > 0)">My Stuff</ion-item> 
     <div ng-repeat="item in array"> 
      <ion-list> 
      <ion-item class="animated flipInX item-avatar" ng-click="showAcceptRequest(item)"> 
       <img ng-src={{item['Picture']}}> 
       <h2>{{item['SenderName']}}</h2> 
       <p>{{item['EntityName']}}</p> 
      </ion-item> 
     </div> 
     </ion-list> 

これが名前といくつかのサブ情報とアバターの写真を示します。このセルの右側にイオニコンを追加したいのですが、ポジショニングはすべてオフです。誰かが光を当てることはできますか？

<i class="icon ion-ios-telephone-outline"></i> 

JSFiddle：次のような

http://jsfiddle.net/m3x6nb1d/8/

は基本的にアイコンが表のセルの右側のレベルになりたい...

Answer 1

これは私のために働きました、私の例を貼り付けて、再作成してみてください

<ion-content> 
    <ion-list class="item-icon-right"> 
     <ion-item> 
       <i class='icon ion-social-facebook'> </i> Facebook 
     </ion-item> 
    </ion-list> 
<ion-content> 

だから、item-icon-rightクラスがその仕事をするべきです。

通常のアイコンで動作します。イメージで動作しない場合は、イメージをimg align属性で右側に追加する方法がわかります。 例http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_img_align