İyonik 2: Simge Etiketi ile Girdi

Question

İyonik2 dokümantasyonunda oldukça güzel giriş örnekleri var, ancak birisi etiketin solundaki bir simge VE simgesiyle normal bir etiket (yüzen değil) oluşturmaya çalıştı mı?

böyle olsun gitmek düşündüm:

<ion-item> 
     <ion-icon name="logo-playstation"></ion-icon> 
     <ion-label>PSN</ion-label> 
     <ion-input clearInput type="text"></ion-input> 
</ion-item> 

ancak Simge apper etmez. Bunun için <div> kullanmalı mıyım yoksa bunu nasıl yaptınız/yaptınız?

Answer 1

Sen iyon etiketin içinde iyon simgesini kullanmak zorunda

Bir iyon col içinde .. Tablo içindeki üst üste .. ayrı alanlarda bir simge ve giriş elemanı kullanmak zorunda

<ion-item>   
     <ion-label> <ion-icon name="logo-playstation"></ion-icon> PSN</ion-label> 
     <ion-input clearInput type="text"></ion-input> 
</ion-item> 

Answer 2

. ve bir iyon sırası içinde.

<ion-row> 
     <ion-col col-auto> 
      <table> 
       <tr> 
        <td> 
         <ion-icon name="logo-playstation"></ion-icon> 
        </td> 
        <td> 
         <ion-input clearInput type="text"></ion-input> 
        </td> 
       </tr> 
      </table> 
     </ion-col> 
    </ion-row>