आयनिक 2: आइकन-लेबल

Question

आईओएनआईसी 2 प्रलेखन में काफी अच्छे इनपुट-उदाहरण हैं लेकिन किसी ने इनपुट के साथ एक सामान्य लेबल (फ्लोटिंग या नहीं) बनाने और लेबल के बाईं ओर एक आइकन बनाने की कोशिश की है?

मैंने सोचा कि यह उस तरह जाना हो सकता है:

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

लेकिन चिह्न apper नहीं है। क्या मुझे इसके लिए <div> का उपयोग करना चाहिए या आप यह कैसे करेंगे/किया?

Answer 1

आप आयन लेबल के भीतर आयन चिह्न का उपयोग करने के लिए है

<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

मैं एक आयन col भीतर .. किसी तालिका की एक पंक्ति .. की अलग क्षेत्रों में एक आइकन और इनपुट तत्व का इस्तेमाल किया था। और एक आयन-पंक्ति के भीतर।

<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>