カスタムフル幅フォームコントロール付きイオンラベル

Question

ion-labelを100％幅カスタムフォームコントロールでどのように使用できますか？ 現在、ion-labelを自分のフォーム内のion-itemに追加すると、カスタムフォームコントロール（ion-inputではなく）を使用しています。カスタムフォームコントロールフィールドは表示されなくなりました。

ion-labelをカスタムフォームコントロールで使用できるように変更するにはどうすればよいですか？

コード例：私もこれを試してみました

<ion-item> 
    <ion-label floating>Keywords</ion-label> 
    <custom-input formControlName="content"></custom-input> 
</ion-item> 

：

<!-- Item with a label and content --> 
    <ion-item> 
    <ion-label> 
     Item Label 
    </ion-label> 
    <div item-content> 
     Item Content will be next to the label (not full width) 
     <custom-input formControlName="content" item-end></custom-input> 
    </div> 
    </ion-item> 

は、しかし、これは私だけのページの幅の割合を取って終わるん。 item-endで

： item-contentで

：

私はcustom-inputが100％の幅（例えばテキストエディタ）

ソリューションダブルアイテムに触発さ

になりたいです@Sampathのアイデア：

<ion-item no-lines> 
    <ion-label>Content</ion-label> 
</ion-item> 
<ion-item> 
    <custom-input formControlName="content"></custom-input> 
</ion-item> 

Answer 1

item-endattributeを追加する必要があります。

：イオン項目コンポーネントは は、あなたがして full widthを使用する必要がある場合、そのコンポーネント

official Git Repo

<ion-item> 
    <ion-label floating>Keywords</ion-label> 
    <custom-input formControlName="content" item-end></custom-input> 
</ion-item> 

内transcludeするために使用することができセレクタのセットを事前に定義したためだ

<ion-item> 
    <ion-label floating>Keywords</ion-label> 
</ion-item> 
<ion-item> 
    <custom-input formControlName="content" item-start></custom-input> 
</ion-item>