イオニック2を使ってボックス入力フィールドとボックス内の小さなアイコンを取得する方法は？

Question

私は入力ボックスを表示したいが、私はラインを取得していると私はボックス内の小さな画像のアイコンを表示したいと思います。そして、私はラインを取得しています。以下は

は私が取得しようとしていますべき画面です： 以下

は、私がしようとしたどのようなコードは次のとおりです。

<ion-input type="number" 
      place holder="Credit Card number" 
      pattern="[0-9]{16}"></ion-input> 

Answer 1

試してみてください。

<ion-item> 
    <ion-input type="number" place holder="Credit Card number" pattern="[0-9]{16}"></ion-input> 
    <ion-icon name="your_icon_name" item-right primary></ion-icon> 
</ion-item> 

EDIT：スタイリング対応するscssファイルに設定することができます

 ion-item { 
      border-radius: 30px !important; 
      border: 1px solid #ffffff; 
/*other attributes*/ 
    } 

上記のスタイルは、あなたのhtmlファイルのすべてのイオンアイテムに適用されます。 1つの入力ボックスのみにしたい場合は、イオンアイテムのクラスを設定し、対応するスタイルを設定します。